2015-09-05 50 views
0

如何使bootstrap分开响应地添加一行。也许最好画一下:D。Bootstrap响应地分隔行

所以这是我有:

1st:

这里是我想结束了:2nd:

我的HTML我喜欢这一点,但我知道它不工作,因为它分离第一行和第二行分为2行(第一行2列和第二行1列,大小为6)。因此,如何使这项工作,因为我刚刚开始今天:)学习引导

我的HTML

<div class="row"> 
    <div class="col-md-4 col-xs6"></div> 
    <div class="col-md-4 col-xs6"></div> 
    <div class="col-md-4 col-xs6"></div> 
</div> 
<div class="row"> 
    <div class="col-md-4 col-xs6"></div> 
    <div class="col-md-4 col-xs6"></div> 
    <div class="col-md-4 col-xs6"></div> 
</div> 

回答

2

请问使所有列的孩子为你一个.row工作的?

<div class="row"> 
    <div class="col-md-4 col-xs-6"></div> 
    <div class="col-md-4 col-xs-6"></div> 
    <div class="col-md-4 col-xs-6"></div> 
    <div class="col-md-4 col-xs-6"></div> 
    <div class="col-md-4 col-xs-6"></div> 
    <div class="col-md-4 col-xs-6"></div> 
</div> 

我不认为这会很容易/实际的做出像你想要的新行。
如果你只想要行为样式的目的,你最好使用CSS和布局变化时确定不同的风格

+0

不知道你可以有超过12连续。这将工作谢谢 –