bootstrap 设置高度为屏幕的百分比

Bootstrap中设置元素的高度为屏幕百分比通常通过CSS中的`height`属性配合百分比值来实现。你可以这样做：

<div class="container-fluid" style="height: 100vh;"> <!-- .container-fluid用于撑满全屏 -->
  <div class="row">
    <div class="col-md-8 col-md-offset-2" style="height: 100%;"> <!-- 高度设为100%，这里的col-*类来自Bootstrap栅格系统 -->
      这里的内容会充满其容器并且占据屏幕高度
    </div>
  </div>
</div>

在这个例子中，`.container-fluid`类会使内容充满整个浏览器窗口，而`.col-md-8`等类则表示响应式的列宽布局。`style="height: 100%;"`将该元素的高度设置为其父元素（这里是.container-fluid）的高度的100%。

请注意，百分比高度可能会导致滚动条出现，如果内容超过了视口大小。另外，对于某些固定尺寸需要保持稳定的元素，可能需要配合其他方法处理。