容器液与容器
刚刚下载3.1，发现在文档…
将任何固定宽度的网格布局转换为全宽布局，方法是将最外面的
.container更改为.container-fluid。
看着bootstrap.css ，看起来.container-fluid和.container是一样的。 两者都具有相同的CSS，并且.container-fluid每个实例都与.container-fluid配对，所有列类都以百分比指定。
当我用例子旋转的时候，我看不出有什么区别，因为一切似乎都很stream畅。
由于我是Bootstrap新手，我认为我错过了一些东西。 有人可以花一点时间给我启发吗？
快速版： .container在bootstrap（xs，sm，md，lg）中为每个屏幕大小都有一个固定宽度; .container-fluid扩展以填充可用的宽度。
container和container-fluid之间的区别来自CSS的这些行：
@media (min-width: 568px) { .container { width: 550px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } }
根据正在查看网页的视口的宽度， container类给它的div一个特定的固定宽度。 这些行不以任何forms存在于container-fluid ，因此每当视口宽度改变时其宽度都会改变。
例如，假设你的浏览器窗口宽度是1000px。 由于它大于992px的最小宽度，所以.container元素的宽度将为970px。 然后，您逐渐扩大您的浏览器窗口。 你的.container的宽度不会改变，直到你达到1200px，在那里它将跳转到1170px宽，并保持这种方式的任何更大的浏览器宽度。
另一方面，您的.container-fluid元素会随着您对浏览器宽度进行的最小更改而不断resize。
我想你是说container vs container-fluid是对网格的响应和不响应的区别。 这是不正确的……所说的是宽度不固定……其全部宽度！
这很难解释，所以让我们看看例子
例子一
container-fluid ：
所以你看看容器如何占用整个屏幕……这是一个container-fluid 。
现在让我们看看另一个正常的container并观察预览的边缘
例二
container
现在你看到例子中的空白吗？ 那是因为它是一个固定宽度的container ！ 在两个不同的选项卡中打开这两个示例并进行切换可能更有意义。
编辑
更好的是，这里是两个容器的例子！ 现在你可以真正分辨出不同之处了！
我希望这有助于澄清一点点！
.container和.container-fluid都是响应式的（即它们根据屏幕宽度来改变布局），但是以不同的方式（我知道，命名不会使它听起来那样）。
简答：
.container是跳跃/ .container大小，和
.container-fluid在宽度为100％时连续/精细resize。
从functionangular度来看：
.container-fluid不断resize，因为您可以任意改变窗口/浏览器的宽度，不会有任何额外的空白空间，与.container不同。 （因此命名：“stream体”而不是“数字”，“离散”，“分块”或“量化”）。
.container以几个特定的宽度大块地resize。 换句话说，它将是不同的具体又称“固定”宽度的不同范围的屏幕宽度。
语义：“固定宽度”
你可以看到如何命名混淆。 从技术上讲，我们可以说。 .container是“固定宽度”，但是它只是固定的意思，它不在每个粒度宽度调整。 它实际上不是“固定的”，因为它总是保持在特定的像素宽度，因为它实际上可以改变大小。
从基本的angular度来看：
.container-fluid的CSS属性width: 100%; 所以它不断地在每个屏幕宽度粒度上重新调整。
.container-fluid { width: 100%; }
.container有一些像“width = 800px”（或em，rem等），不同的屏幕宽度的特定像素宽度值。 这当然是当屏幕宽度越过屏幕宽度阈值时，元素宽度突然跳到不同宽度的原因。 并且该阈值受CSS3媒体查询的控制，允许您针对不同的条件（如屏幕宽度范围）应用不同的样式。
@media screen and (max-width: 400px){ .container { width: 123px; } } @media screen and (min-width: 401px) and (max-width: 800px){ .container { width: 456px; } } @media screen and (min-width: 801px){ .container { width: 789px; } }
外
您可以通过媒体查询来制作任何固定宽度的元素响应，而不仅仅是.container元素，因为媒体查询正是如何通过后台引导来实现.container（请参阅JKillian的代码答案）。
.container具有最大宽度像素值，而.container-fluid是最大宽度100％。
.container-fluid不断resize，因为你改变任何数量的窗口/浏览器的宽度。
.container大小在几个特定的宽度大小，由媒体查询控制（技术上我们可以说这是“固定宽度”，因为像素值是指定的，但如果你停在那里，人们可能会觉得它不能改变大小 – 即没有反应。）
使用.container-fluid当你希望你的页面变形时，每一个视口的大小都不一样 。
当你希望你的页面变形只有4种尺寸 ，也就是所谓的“断点”时，使用.container 。
与它们大小相对应的断点是：
- 超小：（仅移动分辨率）
- 小：768px（片）
- 中等：992px（笔记本电脑）
- 大：1200px（笔记本电脑/台式机）
其中一些答案已经过时Bootstrap 3.3.x. 该container有4种尺寸。 全宽在xs屏幕上，然后它的宽度根据以下媒体查询而变化。
@media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 768px) { .container { width: 750px; } }
容器与容器stream体演示
你是正确的3.1容器stream体和。容器是相同的，像容器的作品，但如果你删除他们就像.containerstream体（全宽）。 他们已经为“Mobile First Approach”移除了容器，但是现在又回到了3.3.4（他们的工作方式不同）
要获得最新的引导，请阅读这个post在stackoverflow它将帮助检查出来 。
