ブートストラップ・グリッド・システムのハーフ・スクリーン

Question

画面の高さが50％の4つの行を2行にすることはできますか？

ブートストラップコード：

<div class="row"> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
    <div class="col-md-3">.col-md-3</div> 
</div> 

Answer 1

あなたはブートストラップ4を使用している場合、これは容易に行われる。..ブートストラップ3（非フレキシボックス）については

.row {min-height: 100vh;} 

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

は、これを使用します..

.row {height: 100vh;} 
.row>.col-md-3 {height: 50%;}