Twitter bootstrap 引导-行我可以让列的总和超过12吗?
我想知道我的嵌套行加起来是否能超过12行?这样做不对吗 我试过了,它似乎对我很好,但我想确保我做得对 举个例子,我可以要这个吗Twitter bootstrap 引导-行我可以让列的总和超过12吗?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我想知道我的嵌套行加起来是否能超过12行?这样做不对吗 我试过了,它似乎对我很好,但我想确保我做得对 举个例子,我可以要这个吗 <div class="col-md-10"> <div class="container"> <div class="row"> <div class="col-md-3"> ... </div> <div class="col-md-3"> ... </div>
<div class="col-md-10">
<div class="container">
<div class="row">
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
</div>
</div>
</div>
...
...
...
...
...
...
...
...
是的,在行中有超过12列是可以的
它只会使额外的列换行到下一行。因此,在您的示例中,您将有2行,共4行
从引导文档()中
如果一行中放置的列超过12列,则每组
额外的列将作为一个单元包装到新行“
此外,这里有一些示例显示在单个行中使用超过12列(col-*
):
只要注意柱子的高度是否不同。
阅读更多关于
相关问题:
是的,在行中有超过12列是可以的
它只会使额外的列换行到下一行。因此,在您的示例中,您将有2行,共4行
从引导文档()中
如果一行中放置的列超过12列,则每组
额外的列将作为一个单元包装到新行“
此外,这里有一些示例显示在单个行中使用超过12列(col-*
):
只要注意柱子的高度是否不同。
阅读更多关于
相关问题:
如果要这样做,则必须设置内部柱的高度,因为如果柱的高度不同,则超过12列网格的柱将破坏布局
这是我从经验中发现的。因此,我建议您的行中的“列”不要超过12个。所以在你的情况下,我认为应该是这样的:
<div class="col-md-10">
<div class="container">
<div class="row">
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
</div>
<div class="row">
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
</div>
</div>
</div>
...
...
...
...
...
...
...
...
如果要这样做,则必须设置内部柱的高度,因为如果柱的高度不同,超过12列网格的柱将破坏布局
这是我从经验中发现的。因此,我建议您的行中的“列”不要超过12个。所以在你的情况下,我认为应该是这样的:
<div class="col-md-10">
<div class="container">
<div class="row">
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
</div>
<div class="row">
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
<div class="col-md-3"> ... </div>
</div>
</div>
</div>
...
...
...
...
...
...
...
...
是的,但只需少量额外的css,您就可以避免可变高度问题,同时保持元素在同一行中。。。i、 e.col-md-3:n第n个子项(4n+1){clear:left;}
一行中可以超过12个单位。它被称为yea,但通过很少的额外css,您可以避免可变高度的问题,同时保持元素在同一行中。。。i、 e.col-md-3:n第n个子项(4n+1){clear:left;}
一行中可以超过12个单位。它被称为