Bootstrap中的容器，行和跨度之间的差异

在使用Twitter Bootstrap的时候，我应该在一个容器div中嵌套一个行div，并将所有的span div放在嵌套行中？这是最佳做法吗？

如果我把span div直接放在我的行div中，而不把div放在一个容器div中呢？

如果我把span div直接放在我的容器div里，而根本不使用row div呢？

我所知道的是一个容器是940px，一排是960px。但是，我已经看到一个行div已被放在一个容器div的例子。这会帮助还是会使显示混乱？

请向我解释在什么情况下要遵循的最佳方法。

一般来说，你可以使用container> row> span

我想不出一个例子，你问的其他两个选项会破坏什么，但是他们可能不会给你想要的结果。

包装conatiner div中的所有内容将pipe理页面和边填充的宽度。使用行div将确保您的跨度按照您想要的方式排列。例如想象2行，每个只有一个span4。如果您不使用行div，那么2个span4将会一个浮动，而不是垂直堆叠。

有很多情况下，你将在Bootstrap布局中嵌套容器，第一个你可能遇到的是在导航栏中，一旦你开始使用stream体Bootstrap布局，你会看到容器div并不总是940px，但如果你坚持容器>行>跨度安排它将为您节省一些悲伤，尤其是如果你刚刚开始。

祝你好运！

你应该在container放置row ，因为使用container将确保容器在整个页面上居中均匀居中，因为container有margin-left:auto;margin-right:auto; 在CSS中。

当你想让spanX出现在同一行上时使用行。

没有内部row spanX将包装。

这是一个演示，将显示您的差异

一row是为了进入一个container而devise的。 span被devise成在一row内部。

如果使用container> row> span之外的任何其他组合，则渲染可能会变得不可预知。

最终，如果你的代码工作，那么你做的没问题。没有理由被locking在其他人做的事情上。但是如果你改变它，确保它是有原因的，并且你在任何地方都会评论这个代码来解释你的思维过程。