几个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
  }