Bootstrap中的容器，行和跨度之间的区别

使用Twitter Bootstrap时，我应该在容器div中嵌套一行div，并将所有span div放入嵌套行中？这是最佳做法吗？Bootstrap中的容器，行和跨度之间的区别

如果我将span div直接放在我的row div中，并且不将div div放入容器div中，该怎么办？

如果我把span div直接放在我的容器div中，而根本不使用row div，该怎么办？

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

请解释我最好的方法，以及在什么情况下。

2013-05-18 user2396285

可能重复[在Bootstrap中.row的目的是什么？]（https://stackoverflow.com/questions/39960679/what-is-the-purpose-of-row-in-bootstrap） – Mistalis

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

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

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

在许多情况下，您将在Bootstrap布局中嵌套容器，第一个可能会遇到的问题是在导航栏中，一旦您开始使用Fluid Bootstrap布局，您将看到容器div并不总是940px，但是如果你坚持使用容器> row> span安排，它会为你节省一些痛苦，特别是如果你刚开始。

祝你好运！

来源

2013-05-18 10:30:56

嘿，感谢澄清这一点。我肯定会遵循容器>行>跨度，以便我以后不会陷入困境。 – user2396285

因此，当跨度的定位并不重要时，是否允许/不使用行类？我正在构建一个仪表板，显示与彼此不相关的各种项目，并且由于项目基于用户访问权限动态显示，所以我不知道将创建多少个跨度，因此最容易忽略该行并仅使用'container> spanX'。 – Alex

@Alex，没有什么可以说你不能使用行类，但它可能会带来一些意想不到的结果。请参阅http://stackoverflow.com/questions/14318677/multiple-spans-per-row-in-twitter-bootstrap/14324482#14324482了解类似的问题和解决方案 –

你应该有一个row里面container，因为使用container将确保集装箱在整个页面，因为container均匀居中，甚至利润率有margin-left:auto;margin-right:auto;在CSS。

使用row当您想要spanX的出现在同一行上时。

spanX的不在里面row会包装。

Here's a demo that will show you the differences

来源

2013-05-18 11:11:43 ZimSystem

我宁愿去跟大卫刚刚提到的一样。但是，感谢您分享此链接。我会保持这种心态.. – user2396285

Skelly - 这是一个非常棒的演示这个东西是如何工作的。感谢发布。 –

一个row设计走了container内。 A span旨在进入row的内部。

如果您使用除以外的任何其他组合，则渲染可能会变得不可预测，容器> row> span。

最终如果你的代码有效，那么你做得很好。没有理由被锁定在其他人所做的事情上。但如果你改变它，确保它有一个很好的理由，并且你在任何地方评论代码来解释你的思考过程。

来源

2013-05-19 02:52:37 dclatzen

Bootstrap中的容器，行和跨度之间的区别

回答

相关问题