在使用 Twitter Bootstrap 时，我是否应该在容器 div 中嵌套一个行 div 并将所有跨度 div 放在嵌套的行中？这是最佳做法吗？
如果我将跨度 div 直接放在我的行 div 中并且不将行 div 包含在容器 div 中怎么办？
如果我将跨度 div 直接放在我的容器 div 中，而不使用行 div 怎么办？
我只知道一个容器是 940 像素，一行是 960 像素。但是，我已经看到将行 div 放入容器 div 的示例。这会有所帮助还是会使显示混乱？
请解释我在什么情况下应该遵循的最佳方法。
【问题讨论】：
标签： css twitter-bootstrap
一般你会使用 container > row > span
我想不出你问的其他 2 个选项会破坏任何东西的例子，但它们可能不会给你想要的结果。
将所有内容包装在容器 div 中将管理页面的宽度和侧边距。使用行 div 将确保您的跨度按照您想要的方式布局。例如，想象 2 行，每行只有一个 span4。如果您不使用行 div，则 2 个 span4 将彼此相邻浮动，而不是垂直堆叠。
在许多情况下，您会在 Bootstrap 布局中嵌套容器，您可能会遇到的第一个是在导航栏中，一旦您开始使用流畅的 Bootstrap 布局，您会发现容器 div 并不总是 940px ，但如果你坚持 container > row > span 的安排，它会为你省去一些悲伤，尤其是在你刚刚开始的时候。
祝你好运！
【讨论】：
您应该在container 中包含row，因为使用container 将确保容器在整个页面中均匀居中且边距均匀，因为container 在CSS 中有margin-left:auto;margin-right:auto;。
当您希望 spanX 出现在同一行时，请使用 row。
不在row 内的spanX 将被换行。
【讨论】：
row 旨在进入container 的内部。
span 旨在进入 row 内部。
如果您使用除 container > row > span 之外的任何其他组合，渲染可能会变得不可预测。
最终，如果您的代码可以正常工作，那么您就没事了。没有理由陷入其他人的所作所为。但是如果你改变它，请确保它是有充分理由的，并且你在各处评论代码以解释你的思考过程。
【讨论】：