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

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

Syntax：
.container: 是一个响应式容器，它有固定宽度和最max-width 设置，并支持响应式断点，你应该用它作为整个DIV的最外层容器。

<div class="container">
  <!-- 网页内容写在这里面 -->
</div>

.container-fluid:支持全屏的流式布局。

<div class="container-fluid">
  ...
</div>

.container-{断点规格}: 响应式外部容器。它允许在指定的屏幕下定义 100%宽（这更适合移动等场景-译者注） max-width属性会在不断的断点有表现不同，比如.container-sm 则只在sm屏幕下显示100%宽,其它断点包括.container-md、 .container-lg、 .container-xl。

<div class="container-sm">100% wide until small breakpoint</div>
<div class="container-md">100% wide until medium breakpoint</div>
<div class="container-lg">100% wide until large breakpoint</div>
<div class="container-xl">100% wide until extra large breakpoint</div>