Twitter bootstrap 引导网格系统半屏幕

是否可以在屏幕高度为50%的情况下制作两行，每行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>

.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-3
.col-md-3

如果您使用的是Bootstrap 4，则很容易做到这一点

.row {min-height: 100vh;}

对于引导程序3（非flexbox），请使用此项

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