从我阅读的文档,似乎.container是.row和包含.spanX(其中x总计12)的div的“父”包装器。但是,它的导航示例中似乎没有.row。
此外,在他们的文档网站上,.container被一些导航栏相关的div包装。
任何人都可以阐述一下框架应该如何工作?我是新来的。
解决方法
在.container中不需要.row类,但是当你开始想要多行时,最好包含它。
所有的.row真的做的是确保它内部的所有div出现在自己的行,与前一个和后面的.rows分开。
对于.navbar div中的.container,这是使navbar与页面其余部分对齐所需的单独事件。如果你在渲染的HTML中向下看,你会看到有另一个.container不在任何.navbar div中,这是所有主要内容的。
一个完整的例子
<div class="container"> <div class="row"> <!-- These divs are inline and do NOT fill up the full 12 columns --> <div class="span4">...</div> <div class="span4">...</div> </div> <!-- This is a automatically a new line of divs --> <div class="row"> <!-- This div will appear below the prevIoUs row,even though it would fit next to the other divs --> <div class="span4"></div> </div> <!-- These will appear in their own row,but may act unexpectedly in certain situations --> <div class="span4"></div> <div class="span4"></div> </div>
简而言之
.row定义一行div,就像名字所暗示的。每个都指示一行新的div,无论上面的行是否已满。