twitter-bootstrap - 如何获得正确的 Bootstrap Jumbotron 高度？

Question

我有一个非常简单的示例，将 bootstrap jumbotron 分成两部分。左边部分包含一些文本，右边部分包含一个图像:

<div class="jumbotron">
  <div class="col-md-8"><h1><b>My WebSite Jumbotron!</b></h1>
    <p>This page would be great if the jumbotron would be higher.</p>
  </div>
  <div class="col-md-4">
    <img src="//placehold.it/300" class="img-responsive">
  </div>
</div>

另见 my bootply example .由于某种原因，Jumbotron 的背景高度不足以容纳文本和图像。我需要做什么来解决这个问题？

Answer 1

我已经对此进行了测试，并且可以正常工作。

您可以编辑 jumbotron div 标签以包含 css 类容器。

例子:

<div class="jumbotron container">