Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导中容器、行和范围之间的差异_Css_Twitter Bootstrap - Fatal编程技术网

Css 引导中容器、行和范围之间的差异

Css 引导中容器、行和范围之间的差异,css,twitter-bootstrap,Css,Twitter Bootstrap,在使用Twitter引导时,我是否应该将行div嵌套在容器div中,并将所有span div放在嵌套行中?这是最好的做法吗 如果我将span div直接放在row div中,而不将row div包含在container div中,该怎么办 如果我将span div直接放在container div中,而根本不使用row div,该怎么办 我只知道一个容器是940px,一行是960px。然而,我看到过一些例子,其中一个row div被放在一个container div中。这会有帮助吗?还是会使显示

在使用Twitter引导时,我是否应该将行div嵌套在容器div中,并将所有span div放在嵌套行中?这是最好的做法吗

如果我将span div直接放在row div中,而不将row div包含在container div中,该怎么办

如果我将span div直接放在container div中,而根本不使用row div,该怎么办

我只知道一个容器是940px,一行是960px。然而,我看到过一些例子,其中一个row div被放在一个container div中。这会有帮助吗?还是会使显示变得混乱


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

通常您会使用容器>行>span

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

在conatiner div中包装所有内容将管理页面的宽度和侧边距。使用row div将确保跨度按您想要的方式布置。例如,假设有两行,每行只有一个跨度4。如果不使用row div,则2个跨4将一个挨着另一个浮动,而不是垂直堆叠

在许多情况下,您会在引导布局中使用嵌套容器,您可能会遇到的第一个容器位于导航栏中,一旦您开始使用流体引导布局,您将看到容器div并不总是940px,但是如果你坚持使用容器>行>span的安排,这会让你省去一些悲伤,尤其是当你刚刚开始的时候


祝你好运

您应该在
容器内有
,因为使用
容器
将确保容器在整个页面上均匀居中,且边距均匀,因为
容器
具有
左边距:自动;右边距:自动

如果希望
spanX
显示在同一行上,请使用

不在
行中的
spanX
将换行


A
设计用于进入
容器的内部
span
设计用于进入
行的内部

如果使用除容器>行>span之外的任何其他组合,渲染可能会变得不可预测


最终,如果你的代码有效,那么你做得很好。没有理由被其他人的所作所为所束缚。但是,如果您更改了它,请确保它有一个好的理由,并且您在任何地方都对代码进行了注释,以解释您的思维过程。

嘿,感谢您澄清这一点。我一定会遵循container>row>span,这样我以后就不会陷入困境。所以,当span的位置并不重要时,不使用row类是允许的/好的做法吗?我正在构建一个仪表板,其中显示了各种相互之间并不相关的项目,由于这些项目是根据用户的访问权限动态显示的,我不知道将创建多少跨距,因此最简单的方法是对行进行ommit,只需使用“container>spanX”。@Alex,没有什么可以说您不能使用row类,但它可能会产生一些意想不到的结果。有关类似的问题和解决方案,请参阅。注意,在bootstrap v3中,此答案不再正确。除了col-*取代span*这一事实之外,使用嵌套容器已不再是一种好的做法。我更愿意使用David刚才提到的方法。不过,也感谢您分享此链接。我会记住这一点……斯凯利——这是一个非常好的演示,演示了这些东西是如何工作的。谢谢你的发帖。可能是重复的