历程

校验状态.has-success,.has-warn 等 .form-control 这个类在表单控制中非常关键，很多的控件效果 都是基于这个类的定义之下才显示出来效果的。添加额外的图标.has-feedback反馈图标（feedback icon）只能使用在文本输入框 <input class="form-control"> 元素上。 只能使用

media类 media-left media-body media-right列表也可以处理成 媒体对象

在某些阈值时（比如宽屏幕中的某些元素字数较多，窄屏幕中就没有办法放在一行中，就会影响行高），某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 .clearfix 和 响应式工具类。 class="row"> class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3 class="col-xs-6 col-sm-3">.c

h1 - h6 标签  -- 标签均可用，   副标题的作用只能在h1-h6标签中使用。.h1 - .h6 span等其他dom 也可以指定.h1-.h6 类型。 small 副标题 不起作用 div 是不是起作用 未知。

bootstrap框架的栅格化系统的学习。

列偏移xs-offset-* *表示需要偏移几个栅格，但是是固定的向右偏移，即相当于左边界的margin 列偏移

列里面还可以嵌套一个class = row 继续嵌套col-sm-* 列数不能超过12

col-md-pull-* 往左拉几个格col-md-push-* 往右推几个格 class="row"> class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3 class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9

.form-control所有的基础表单元素，在form-control类的控制下，都会被定义宽度等信息。所有设置了 .form-control 类的 、 和  元素都将被默认设置宽度属性为 width: 100%;例如:.form-grouplabel和表单元素包裹在.form-group中，可以获得比较好的排列。输入框组和表单组不要混合使用

主要应用在ul list-group 主框架 list-group-item 元素元素中间 可以修饰 span badge 徽章也可以应用在 a 标签中 button 也可以直接当做列表项元素使用 不用包裹其他元素，中文网上list-group只能用DIV，好像ul也可以（可以展现样式）。

基本示例.panel 类 属于基础类 .panel-defualt类 默认修饰样式带标题的面板.panel-heading .panel-title脚注.panel-footer情景样式info success warning danger带表格的面板如果在面板中添加 .table 可以嵌入表格 为面板中不需要边框的表格添加 .table 类，是整个面板看上去更像是一个整体设计。如果是带有 .

响应式特性说明根据被嵌入内容的外部容器的宽度，自动创建一个固定的比例，从而让浏览器自动确定视频或 slideshow 的尺寸，能够在各种设备上缩放。这些规则被直接应用在 <iframe>、<embed>、<video> 和 <object> 元素上。如果你希望让最终样式与其他属性相匹配，还可以明确地使用一个派生出来的 .embed-responsive-item 类。超级提示： 不需要为 <ifra

.well 样式呈现一种简单的内嵌样式可选尺寸.well-lg 大号 .well-sm 小号

引用单个js文件 还是整个文件？如果遇到不需要的部分，可以定制bootstrap文件data属性你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API，也应该是你的首选方式。你也可以通过下面的语句关闭data属性API $(document).off(‘.data-api’);或者正对于某

可选大小通过对 modal-dialog样式后面追加 .modal-lg 或者 .modal-sm 样式来实现 模态框的大小调整 基本格式<div class="modal" id="myDialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class

class="progress" 提供一个基本的进度条框架 中间嵌套div class=“progress-bar ” 设定 style="width:35%"情景效果 .success .inof .warning .danger 动画效果 .active堆叠效果 就是可以几个不同的progress-bar 可以拼接。

.alert类必须设置 但是不提供默认类 必须紧跟特色类 info danger warning success 可关闭的警告框 .alert-dismissible 要配合按钮使用,button添加data-dismiss="alert"属性，<button >才能正常关闭.class类能够将按钮修饰成指定样式警告框中的链接

scrollspydata属性调用方式data-spy=”scroll” data-target=”#navbar-example”这两个属性应用在body上 可以使整个页面去响应滚动的监听。js调用方式$(‘body’).scrollspy({ target: ‘#navbar-example’ });.scrollspy(‘refresh’)当使用滚动监听插件的同时在 DOM 中添加或删除元

如果  元素被作为按钮使用 -- 并用于在当前页面触发某些功能 -- 而不是用于链接其他页面或链接当前页面中的其他部分，那么，务必为其设置 role="button" 属性。预定义样式btn-successbtn-primarybtn-defaultbtn-warningbtn-infobtn-dangerbtn-link

.center-block 居中在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。img-rounded 图片圆角img-circle 图片

情境文本颜色text-dangertext-successtext-primarytext-info情景背景颜色bg-primary...关闭按钮.close关闭按钮

三角符号 caret类 class="caret">快速浮动class="pull-left">...class="pull-right">...pull-leftpull-right这两个类不要用在 导航条中 导航条中要用 .navbar-left 、.navbar-right;让内容块居中display

标题 [H1-H6] 均可使用H1 36px semiboldH2 30px semiboldH3 24px semiboldH4-H6 分别是 18 14 12副标题 标题内使用或者.small 类就可以 添加副标题效果 副标题的字体样式 颜色偏淡，字体 偏小页面主体Bootstrap 全局 font-size 设置为 14px， line-height 设置为 1.428。 这

Bootstrap 中的导航组件都依赖同一个 .nav 类，状态类也是共用的。改变修饰类可以改变样式。导航条是在您的应用或网站中作为导航页头的响应式基础组件。它们在移动设备上可以折叠（并且可开可关），且在视口（viewport）宽度增加时逐渐变为水平展开模式。viewport 相关 @grid-float-breakpoint    修改视口的阈值，从而

按钮 .navbar-btnbutton 不要和其他DIV联合嵌套 文本.navbar-text 通常被包裹在标签当中非导航的链接.navbar-link 想要添加非导航作用的链接 可以用.navbar-link组件排列.navbar-left  .navbar-right 排列靠左或靠右

内联代码 尖括号转移 用户输入 变量 程序输入

.table斑马线 ..table-striped 利用css选择器 :nth-child IE8不支持带边框.table-bordered鼠标悬停 变色.table-hover紧缩表格.table-condensed padding减半状态类Class描述.active鼠标悬停在行或单元格上时所设置的颜色

分页样式 class = “pagination”   翻页样式 class = "pager"

class = "label label-defualt"

class=badge 配合按钮 li a 显示提示性信息

class = "thumbnail" 设定这种样式的div外面包裹一层边框 我总感觉这个类 很鸡肋 或者我还没真正懂他

1、前端      1.1、requirejs---为nodejs做准备   1.2、nodejs--为echarts做准备   1.3、echarts--为地图分析和查询做准备   1.4、html5--为项目框架升级做准备2、IDE     2.1 intelliJ     2.2 git

用法首先感谢bootstrap中文网的翻译人员的辛苦劳动，没有这个中文网站，我对于bootstrap的理解不可能这么快，不过看得出bootstrap中文网的工作人员可能不止这一件事情在做，因为从dropdown.js开始，就全是中文，可以理解，向你们致敬，不过还是希望早一点翻译完全。根据前面modal框的学习，可以猜测dropdown的用法基本思路是不变的，data属性 API和js并行。首先 d