Bootstrap的小记

    1.

<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放
                                     maximum-scale=1.0, maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕
                                     user-scalable=no">

把元素的 display 属性设置为 inline-block，元素相对于它周围的内容以内联形式呈现，但与内联不同的是，这种情况下我们可以设置宽度和高度；

申请响应的媒体查询：  
@media (min-width: 768px) {
   .container {
      width: 750px;
}
网格系统的设置：
 
 

  
  
  
  
行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）。
使用行来创建列的水平组。
内容应该放置在列内，且唯有列可以是行的直接子元素。
预定义的网格类，比如 .row 和 .col-xs-4，可用于快速创建网格布局。LESS 混合类可用于更多语义布局。
列通过内边距（padding）来创建列内容之间的间隙。该内边距是通过 .rows 上的外边距（margin）取负，表示第一列和最后一列的行偏移。
网格系统是通过指定您想要横跨的十二个可用的列来创建的。例如，要创建三个相等的列，则使用三个 .col-xs-4。
  
          给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本
  
  

 
 
 
 

  
  

 
 
 
 

  
  HTML 元素提供了用于缩写的标记，比如 WWW 或 HTTP。Bootstrap 定义 <abbr> 元素的样式为显示在文本底部的一条虚线边框，当鼠标悬停在上面时会显示完整的文本（只要您为 <abbr> title 属性添加了文本）。为了得到一个更小字体的文本，请添加 .initialism 到 <abbr>。