Bootstrap概述

        Bootstrap是世界最受欢迎的Wed框架之一 ，用于开发响应式布局、移动设备优先的Wed项目。在其中，你将发现高质量的HTML、CSS以及JavaScript，以及包含了一些可以供你的项目使用的组件和选项，包括外包裹容器、强大的网格系统、灵活多变的媒体对象和响应式的工具类，使您的WEB工程项目变得无比简单，包括官方的CDN和启动器服务。          

Container容器

        Container容器是窗口布局的最基本元素，我们推荐所有样式都定义在.container或.container-fluid容器之中-- 这是启用整个栅格系统必不可少的前置条件，它们分别对应选择一个响应式的、固定宽度的容器，或者选择一个流式自适应浏览器或容器最大合法宽度的窗口（意味着任何时候它的宽度总是100%）。

Bootstrap原生带三种container宽度规范：

• .container, 居中，适配不同的断的 max-width 尺寸。
• .container-fluid, 全屏，适配屏幕的 width: 100% 尺寸。
• .container-{断点规格}（见下表，如.container-sm), 在指定规格断上width: 100% 尺寸。

下在的表格描述了 container在不同的屏幕的 max-width 规范，以及 .container 、 .container-fluid 的断点区别。</