37

在使用 Twitter Bootstrap 时,我应该在容器 div 中嵌套一个行 div 并将所有跨度 div 放在嵌套行中吗?这是最佳做法吗?

如果我将跨度 div 直接放在我的行 div 中并且不将行 div 包含在容器 div 中怎么办?

如果我将跨度 div 直接放在我的容器 div 中,而不使用行 div 怎么办?

我只知道一个容器是 940 像素,一行是 960 像素。但是,我已经看到将行 div 放入容器 div 的示例。这会有所帮助还是会使显示混乱?

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

4

3 回答 3

24

一般来说,你会使用容器 > 行 > 跨度

我想不出你问的其他两个选项会破坏任何东西的例子,但它们可能不会给你想要的结果。

将所有内容包装在容器 div 中将管理页面的宽度和侧边距。使用行 div 将确保您的跨度按照您想要的方式布局。例如,想象 2 行,每行只有一个 span4。如果您不使用行 div,则 2 个 span4 将彼此相邻浮动,而不是垂直堆叠。

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

祝你好运!

于 2013-05-18T10:30:56.113 回答
23

您应该row在 a 内container,因为使用container将确保容器在整个页面上均匀居中, 并且在 CSS 中container具有均匀的边距。margin-left:auto;margin-right:auto;

row当您希望spanX's 出现在同一行时使用。

spanX不在里面的row会换行。

这是一个演示,将向您展示差异

于 2013-05-18T11:11:43.393 回答
5

Arow设计为进入 a 内部container。Aspan设计为进入 a 内部row

如果您使用除container > row > span之外的任何其他组合,渲染可能会变得不可预测。

最终,如果您的代码有效,那么您就没事了。没有理由陷入其他人的所作所为。但是,如果您对其进行更改,请确保它是有充分理由的,并且您在各处注释代码以解释您的思维过程。

于 2013-05-19T02:52:37.840 回答