几个jumbotron用不同的背景颜色

Question

我想在页面上放几个不同背景颜色的jumbotron（bootstrap 3）。 请帮帮我。

Answer 1

正如您在此处所看到的，只需添加一个类来覆盖默认的jumbotron背景颜色：

Bootply： http://bootply.com/112356

HTML：

<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>

<div class="jumbotron other-color">
  <h1>Hello, people!</h1>
  <p>...</p>
  <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>

CSS：

.other-color{
    background: green
  }