Andy_698_

bootstrap需要注意的点

1.container和container-fluid的区别：前者的width是用媒体查询获得的动态尺寸，而且自己会实现响应式布局，后者的width是100%显示。

2.建议给html的根元素指定为lang属性。

3.若需要出现IE兼容模式的代码 :

4.媒体查询：

/* 超小屏幕（手机，小于 768px） */

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }

代码例子如下：

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }

5.在使用

的标题标签时可以同时用的副标题标签

6.将全局布局中的font-size：14px；line-height：1.428，

添加lead类将内容突出，mark标签添加文本，del标签用于被删除的文本，ins标签额外插入，em标签表示斜体

7.可通过对text-属性，可对文本进行直接操作，lowercase文本小写，uppercase文本大写，capitalize文本首字母大写

8.首字母缩略语，添加initialism类，可以让font-size再小一点，abbr表示基本缩略语

9.引用方式：

，也可添加命名，即为在
中添加标签，也可直接通过.blockquote-reverse直接实现右对齐操作

10.无序

11.描述短语列表,dl中的.dl-horizontal的效果可以让标题和内容一行显示


  ...
  ...

12.用

标签包裹内联样式的代码，标签标记用户通过键盘输入的内容，标记程序输出的内容

 
   
     13.表格应用： 
    
   
          .table-striped可以实现每一行的斑马线效果，.table-hover实现鼠标悬停效果，.table-condensed实现表格紧缩效果 
    
   
         响应式表格应用，.table-responsive 
    
   
     14.表单应用： 
    
   
          内联表单是form-inline,在大的form下可以套div来书写表单每一行，多选框checkbox单选框radio 
    
   
          标记了multiple属性的