CODEWITHSUNDEEP
csstwitter-bootstraptwitter-bootstrap-3
dhythhsba
dhythhsba

Reputation: 1032

Several jumbotron's with different background colors

I want to put on page several jumbotron's (bootstrap 3) with different background colors. Help me, please.

Upvotes: 1

Views: 15676

Answers (1)

BENARD Patrick
BENARD Patrick

Reputation: 30975

As you can see here, just add a class to overide the default jumbotron background color :

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
  }

Upvotes: 7

Related Questions