对bootstrap的全局css的认识

一，了解

对于了解和使用我上篇博客基本都介绍了，上篇博客，我只是粗略的介绍了bootstrap的使用，只是简单的介绍，这篇的博客我就具体的介绍下全局css的一些使用的关键点

二，全局CSS

1,布局容器
介绍全局css,首当其冲的肯定显示布局容器，因为Bootstrap 需要为页面内容和栅格系统包裹成一个容器.

<div class="container">
</div>

2,排版
这里我随便介绍几个，因为我们平时基本都用用

<small>超小字体</small><br/>
 <em>斜体</em><br/>
  <span class="lead">放大字体</span><br/>

对于一些无用的文本可以使用,对于一些插入文本可以使用,此时文本处于有下划线的状态

3，一些辅助类
比如一些关闭符号，可以通过设置来实现

 <button class="close" aria-label='Close'><span aria-hidden='true'>x</span></button>

还有一些下拉的三角符号

<span class="caret"></span>

三，栅格系统

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局。

栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。

栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-md-* 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-lg-* 不存在， 也影响大屏幕设备。