快速版本:.container有一个固定宽度的每个屏幕大小在bootstrap (xs,sm,md,lg);.容器流体膨胀到填充可用宽度。

容器和容器流体之间的区别来自以下CSS行:

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

根据浏览网页的视口的宽度，容器类给它的div一个特定的固定宽度。这些线不以任何形式存在于容器流体中，因此它的宽度随着视口宽度的变化而变化。

例如，假设您的浏览器窗口宽度为1000px。因为它大于min-width的992px，你的.container元素的宽度将是970px。然后慢慢地扩大浏览器窗口。你的.container的宽度不会改变，直到你达到1200px，它会跳到1170px宽，并保持这种方式，任何更大的浏览器宽度。

另一方面，你的.container-fluid元素会不断地调整大小，即使你对浏览器宽度做了最小的改变。

当您希望页面在视口大小的每个微小差异上都能变形时，请使用.container-fluid。

当你想让你的页面只变形为4种大小时，使用.container，这些大小也被称为“断点”。

它们大小对应的断点为:

超小型:(仅限移动分辨率) 小尺寸:768px(平板) 中号:992px(笔记本电脑) 大:1200px(笔记本电脑/台式机)

你在3.1中是正确的。container-fluid和。container是一样的，工作起来就像container，但如果你删除它们，它就像。container-fluid(全宽度)一样工作。他们在“移动优先方法”中删除了.container-fluid，但现在在3.3.4中又回来了(他们的工作方式不同了)

要获得最新的引导，请阅读这篇关于stackoverflow的文章，这将有助于检查它。

更新2019

基本的区别是容器是响应缩放的，而容器流体总是宽度:100%。因此，在根CSS定义中，它们看起来是一样的，但如果你进一步研究，你会发现.container绑定到媒体查询。

引导4

容器有5个宽度…

.container {
  width: 100%;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

引导3

容器有4个尺寸。xs屏幕上的全宽度，然后它的宽度根据以下媒体查询而变化。

    @media (min-width: 1200px) {
        .container {
            width: 1170px;
        }
    }
    @media (min-width: 992px) {
        .container {
            width: 970px;
        }
    }
    @media (min-width: 768px) {
        .container {
            width: 750px;
        }
    }

容器vs.容器流体演示

.container有一个Max width像素值，而.container-fluid是Max -width 100%。

. containerfluid会随着窗口/浏览器宽度的变化而不断调整大小。

.container在几个特定宽度的块上调整大小，由媒体查询控制(技术上我们可以说它是“固定宽度” 因为像素值是指定的，但如果你停在那里，人们可能会得到 印象，它不能改变大小-即不响应。)

我想你是说容器和容器流体是对网格响应和不响应的区别。这不是真的……也就是说宽度不是固定的…全宽!

这很难解释，所以让我们来看看例子

一个例子

container-fluid:

http://www.bootply.com/119981

所以你可以看到容器如何占据整个屏幕……这是一种容器流体。

现在让我们看看另一个普通的容器，看看预览的边缘

两个例子

容器

http://www.bootply.com/119982

现在你看到例子中的空白了吗?这是因为它是一个固定宽度的容器!在两个不同的选项卡中打开两个示例并来回切换可能更有意义。

EDIT

这里有一个同时包含两个容器的例子。现在你可以真正看出区别了!

http://www.bootply.com/119983

我希望这有助于澄清一点!