本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— Bootstrap 包的内容
基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。
CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。
组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。
JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。
定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。
Bootstrap 实例
<div class="container">
<div class="jumbotron">
<h1>我的第一个 Bootstrap 页面</h1>
<p>重置窗口大小,查看响应式效果!</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>学的不仅是技术,更是梦想!</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>学的不仅是技术,更是梦想!</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>学的不仅是技术,更是梦想!</p>
<p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p>
</div>
</div>
</div>
分享到:
相关推荐
前端框架利器——bootstrap
JavaWeb旅游网站——BootStrap响应式布局 环境: mysql 8.0 jdk 1.8 tomcat 9 redis 2.9.8 主要功能:用户登录、用户注册、修改密码、旅游路线搜索、旅游线路收藏、线路收藏排行榜
HTML+CSS+JavaScript+jQuery+Bootstrap等前端框架实现的前端案例.zip
比较全的bootstrap整合包,包含js和css。
该套bootstrap视频教程是从网上扒下来的 非当前的最新版本教程,但是对于新手还是挺不错的。视频时间很短,每节只有几分钟。
本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。每个部分都包含了与该...
bootstrap.zip
软UI设计系统——开源Bootstrap5设计系统.zip
响应式布局-BootStrap从基础到项目实战-第一季(基础篇)
本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。每个部分都包含了与该...
bootstrap非常实用的javascript前端开发框架。
CSS3.chm是飘零雾雨制作的,最全...JavaScript.chm因为没找到让我满意的文档,所以就自己制作了chm Bootstrap.chm是网上流传的,直接从官网翻译过来的 jQuery.chm是jQuery1.11.3版本的API,作者是Shifone,也是良心之作
基于JavaScript的bootstrap后台模板
一整套的BootStrap视频教程,引领你走上前端之路,还等什么,赶紧来下载吧!!
bootStrap的一些包方便下载,还有一些实例,自用,也可以做参考
twitter开源HTML+CSS框架——bootstrap
bootstrap教程,里面有丰富的CSS样式,可以快速开发网站