Bootstrap - 我如何使兩個網格列並排位置，無論網格寬度

我想使兩個div（引導列），我想並排渲染。Bootstrap - 我如何使兩個網格列並排位置，無論網格寬度

XL，LG和MD的情況下，我的寬度索引爲9，但不能使超大的div水平排列，儘管父div上有足夠的空間以適應（由於每個寬度爲9加起來爲18）。

首先，這是可能的Bootstrap，如果不是什麼css mods需要合併呈現效果？

<div class="row"> 
    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-xs-12"> 
      First Container 
    </div> 
    <div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 col-xs-12"> 
      Second Container 
    </div> 
    </div>

來源

2017-01-31 Vahe

更改COL-XS爲12〜6

來源

2017-01-31 23:37:09 RottenZulu

的同事sm也 – RottenZulu

我需要12個，因爲我想在小設備上佔據全寬。 – Vahe

對不起，我第一次看錯你的問題。 2的寬度應該加起來爲12.我認爲bootstrap使用12 col框架。 – RottenZulu

並排使用CSS代碼以使其側面，如下col-xs-offset-2將使它2次鱗除了第一容器

<div class="row"> 
     <div class="col-xs-5 "> 
       First Container 
     </div> 
     <div class="col-xl-5 col-xs-offset-2"> 
       Second Container 
     </div> 
     </div>

來源

2017-01-31 23:49:27

謝謝@Anonymous，我的div在左邊的容器上太小了。我試圖讓他們（兩個div）接近每個父div的50％。 col-xx-6或col-xx-5太窄，所以這就是爲什麼我嘗試了col-xx-9，它在我的一個div上匹配了50％，但另一個卻低於第一個div。 – Vahe

如果你想讓它們並排渲染直到md-screen，然後在我的代碼中使用md代替xs，這些代碼都可以實現 –

Bootstrap - 我如何使兩個網格列並排位置，無論網格寬度

回答

相關問題