css – Bootstrap中容器,行和span之间的差异

前端之家收集整理的这篇文章主要介绍了css – Bootstrap中容器,行和span之间的差异前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在使用Twitter Bootstrap时,我应该在一个容器div中嵌套一个行div,并将所有的span div放在嵌套行中吗?这是最好的做法吗?

如果我把span divs直接在我的行div和不包围容器div中的行div?

如果我把span divs直接在我的容器div,而不使用行div?

我所知道的是一个容器是940px,一行是960px。但是,我已经看到一个行div已经放在容器div中的示例。这将帮助或会使显示凌乱?

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

解决方法

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

我不能想到一个例子,其他两个选项,你问什么会打破任何东西,但他们可能不会给你想要的结果。

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

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

祝你好运!

猜你在找的CSS相关文章