부트 스트랩 그리드 시스템 하프 스크린

Question

화면의 높이가 50 % 인 4 개의 행을 2 행으로 만들 수 있습니까?

부트 스트랩 코드 :

는 부트 스트랩 4 사용하는 경우이 쉽게 이루어집니다

<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

.. 부트 스트랩 3 (비 인 flexbox)에 대한

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

.row {min-height: 100vh;} 

이를 사용 ..

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