2015-09-05 77 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連續。這將工作謝謝 –