Bootstrap CSS,“容器”类的目的是什么?

com*_*ike 5 twitter-bootstrap

我是引导程序的新手,实际上我试图改造一个不是我自己设计的网站。我试图了解“容器”类的目的。有没有我不想要容器的情况?他们两个怎么样?

Pat*_*ssa 4

像往常一样,文档对这些问题有答案:

集装箱

通过将页面内容包装在 .container 中,轻松居中页面内容。容器在各种媒体查询断点处设置最大宽度以匹配我们的网格系统。

仔细查看 css 文件,容器元素已设置最大宽度像素值:

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
Run Code Online (Sandbox Code Playgroud)

.col-(v2 中的跨度)的值以百分比设置:

.col-md-1 {
    width: 8.333333333333332%;
  }
Run Code Online (Sandbox Code Playgroud)

容器类作为参考,允许引导程序的响应式网格布局正常运行。

  • @composerMike 从 bootstrap 下载 css 文件并导航到未缩小版本中的第 805 行,您将看到特定于容器类的媒体查询,现在跨度类以百分比设置,而容器的值以像素为单位。长话短说,“.container”类是百分比的基础。 (3认同)
  • 我不会不同意研究手册和源代码是有帮助的,我不会在这里强调我的观点,所以不用担心回答。但我只想非常清楚我的观点是什么。我正在寻求了解“容器”如何以及何时被**使用**。我正在寻找例子。 (2认同)