2017-08-11 9 views
0

ブートストラップ4の単一の.rowに$ grid-columnsを設定することはできますか?私はドキュメントを掘り下げて答えを探しましたが、私が試したことは何も効果がないようです。ブートストラップ4:単一行のグリッド列の数​​を変更する

私は、10行または5列のグリッドを作成することができ、それらの行だけを作成し、そのレイアウトの他の場所にあるデフォルトの12列に固執できると考えていました。

多分私はそれについて間違った考え方をしており、より単純な解決策があります。

ここに私が達成しようとしているものがあります。死んだ中心のボックスは、他の列の幅の3倍の幅を持つ、5つのボックスの3つの行です。

​​

+0

遠い? – ZimSystem

答えて

0

あなたは自動車の列、および20%のカスタム幅のためのいくつかのCSSを使用してそれを行うことができます...あなたがそうしようとしている何

.col-20 { 
    max-width: 20%; 
} 

https://www.codeply.com/go/Yuo6p37HEt

<div class="row"> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="w-100"></div> 
    <div class="col col-20"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col col-20"> 

    </div> 
    <div class="w-100"></div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
    <div class="col"> 

    </div> 
</div> 
+0

それは理にかなっています。それを動作させる時間をとってくれてありがとう! – Rrryyyaaannn

関連する問題