刚刚下载了3.1，在文档中找到了…
通过将最外层的.container更改为.container-fluid，将任何固定宽度的网格布局转换为全宽布局。
在bootstrap.css中查看，.container-fluid似乎与.container相同。两者都具有相同的CSS，并且.container-fluid的每个实例都与.container配对，并且所有列类都以百分比指定。
在摆弄例子的时候，我看不出有什么不同，因为一切似乎都是流动的。
Bootstrap .container和.container-fluid类之间的区别是什么?
当前回答
当您希望页面在视口大小的每个微小差异上都能变形时，请使用.container-fluid。
当你想让你的页面只变形为4种大小时，使用.container，这些大小也被称为“断点”。
它们大小对应的断点为:
超小型:(仅限移动分辨率) 小尺寸:768px(平板) 中号:992px(笔记本电脑) 大:1200px(笔记本电脑/台式机)
其他回答
从显示的角度来看，.container让你可以更好地控制用户看到的内容，并且更容易看到用户将看到的内容，因为你只有4个显示变量(在bootstrap 5的情况下是5个)，因为大小与网格大小相关。例如。col-xs、。col-sm、。col和。col-lg。
这意味着，当你在做用户测试时如果你在一个有4个不同尺寸的显示器上测试你会看到所有的验证。
当使用.container-fluid时，由于witdh与视口宽度相关，显示是动态的，因此变化要大得多，屏幕非常大或屏幕宽度不常见的用户可能会看到您意想不到的结果。
.container有一个Max width像素值，而.container-fluid是Max -width 100%。
. containerfluid会随着窗口/浏览器宽度的变化而不断调整大小。
.container在几个特定宽度的块上调整大小，由媒体查询控制(技术上我们可以说它是“固定宽度” 因为像素值是指定的，但如果你停在那里，人们可能会得到 印象，它不能改变大小-即不响应。)
你在3.1中是正确的。container-fluid和。container是一样的，工作起来就像container，但如果你删除它们，它就像。container-fluid(全宽度)一样工作。他们在“移动优先方法”中删除了.container-fluid，但现在在3.3.4中又回来了(他们的工作方式不同了)
要获得最新的引导，请阅读这篇关于stackoverflow的文章，这将有助于检查它。
当您希望页面在视口大小的每个微小差异上都能变形时，请使用.container-fluid。
当你想让你的页面只变形为4种大小时，使用.container，这些大小也被称为“断点”。
它们大小对应的断点为:
超小型:(仅限移动分辨率) 小尺寸:768px(平板) 中号:992px(笔记本电脑) 大:1200px(笔记本电脑/台式机)
我想你是说容器和容器流体是对网格响应和不响应的区别。这不是真的……也就是说宽度不是固定的…全宽!
这很难解释，所以让我们来看看例子
一个例子
container-fluid:
http://www.bootply.com/119981
所以你可以看到容器如何占据整个屏幕……这是一种容器流体。
现在让我们看看另一个普通的容器，看看预览的边缘
两个例子
容器
http://www.bootply.com/119982
现在你看到例子中的空白了吗?这是因为它是一个固定宽度的容器!在两个不同的选项卡中打开两个示例并来回切换可能更有意义。
EDIT
这里有一个同时包含两个容器的例子。现在你可以真正看出区别了!
http://www.bootply.com/119983
我希望这有助于澄清一点!
