Bootstrap grille système demi-écran

Question

Est-il possible de faire deux rangées de 4 chacune avec 50% de hauteur d'écran?

Code Bootstrap:

<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

Cela se fait facilement si vous utilisez Bootstrap 4 ..

.row {min-height: 100vh;} 

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

Pour Bootstrap 3 (non FlexBox) utilisent ce ..

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