【发布时间】：2014-12-23 08:58:52
【问题描述】：
我是一个引导网格系统的新手，到目前为止，我发现您可以定义一个行，使其具有跨宽度的列，使得该类别（lg、sm 或 md）的总和为 12。在下面的划分中，第二个没有指定 'lg' 类别的宽度。但是，在浏览器中，它显示为跨越 12 列中的 3 列。
这里有什么规则？
我是主要内容。
我是主要的侧边栏。
我是仅在大型设备上显示的辅助边栏。
【问题讨论】：
-
这是不正确的。 Bootstrap 网格系统上有很多教程。在开始使用框架之前，我会先学习基本的 CSS。
-
嗨克里斯蒂娜，我的问题是关于引导程序定义的网格类标签。 CSS知识在这里无济于事。我在阅读有关网格系统的教程时对此感到困惑。
-
tutorialrepublic.com/twitter-bootstrap-tutorial/… 所有列的宽度都是相同的，每列都是 100/12 但 col-sm-X 覆盖 768px min-width 直到下一个 min-width:992px 直到下一个1200 像素。所以如果你有 col-sm-6，在那个尺寸的视口上，它会是 50%，除非你同时放 col-sm-6 和 col-md-4，然后你会得到 50%，然后是 33.3333%。
-
所以基本上你有 15 列。每个列类总共只能有 12 个。
-
jsbin.com/cicux/1 - 大视口然后缩小尺寸。看代码。 CSS 会帮到你很多，因为这一切都是用 CSS 完成的，而且只有基本的知识会节省大量的时间和挫败感。我每天都会看到很多问题，如果这个人没有开始使用框架并且刚开始学习 CSS（流体和响应式移动优先 CSS），那么这些问题永远不会被问到。
标签： twitter-bootstrap grid-system