Twitter bootstrap 引导-行我可以让列的总和超过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>

我想知道我的嵌套行加起来是否能超过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 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个单位。它被称为