cpf2016的专栏

（1）标题                 1.主标题                      bootstrap中定义了h1-h6六个class，为了让其他类型的标签也能使用标题样式 标题（一） Bootstrap标题一 Bootstrap标题二 Bootstrap标题三 Bootstrap标题四 Bootstrap标题五 Bootstrap标题六

（1）普通警示框   1、成功警示框：告诉用用户操作成功，在“alert”样式基础上追加“alert-success”样式，具体呈现的是背景、边框和文本都是绿色；   2、信息警示框：给用户提供提示信息，在“alert”样式基础上追加“alert-info”样式，具体呈现的是背景、边框和文本都是浅蓝色；   3、警告警示框：提示用户小心操作（提供警告信息），在“alert”样

（1）标签   ☑   label-deafult:默认标签，深灰色   ☑   label-primary：主要标签，深蓝色   ☑   label-success：成功标签，绿色   ☑   label-info：信息标签，浅蓝色   ☑   label-warning：警告标签，橙色   ☑   label-danger：错误标签，红色 基本

（1）带页码的导航 分页导航 «第一页 11 12 13 14 15 最后一页» «第一页 11 12 13 14 15 最后一页» «第一页 11 12 13 14 15 最后一页» （2）翻页的导航               1.实现

（1）标签导航               1.实现                    标签形导航是通过“nav-tabs”样式来实现。在制作标签形导航时需要在原导航“nav”上追加此类名               2.状态                   使用active表示当前选中，disabled表示禁用 标签形(tab)导航 Home

（1）定义按钮                在或标签中添加class=“btn”即可                注意：可以在任意标签上添加btn类从而变成按钮，但是只推荐在button和a上加 （2）按钮风格                 共有6种类型的按钮 定制风格 基础按钮.btn 默认按钮.btn-default

注意：       1.使用下拉菜单必须要使用bootstrap.min.js       2.因为bootstrap.min.js依赖于jquery，所以必须在bootstrap.min.js前导入jquery （1）基本用法 下拉菜单 下拉菜单 下拉菜单项 下拉菜单项 下拉菜单项

（1）原理               实质就是将容器12等分 （2）使用               1.基本结构 .col-md-4 .col-md-8 .col-md-4 .col-md-4 .col-md-4 .col-md-3 .col-md-6 .col-md-3

（1）图像               图像提供了4种风格的样式 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片             只需要在上加上指定的类名即可 图像

总体说明： 1.所有的form控件都必须添加form-control，保证所有控件都能正确显示 2.placeholder表示在不输入内容的时候的显示内容 3.在form上使用了form-horizontal，那么form-group就相当于一行 （1）输入框 表单控件——输入框input （2）下拉

（1）普通进度条               1.实现 外容器使用“progress”样式，子容器使用“progress-bar”样式。               2.说明 40% Complete 1、role属性作用：告诉搜索引擎这个div的作用是进度条。 2、aria-valuenow="40"属性作用：当前进度条的进度为