O'Reilly logo

Bootstrap for Rails by Syed Fazle Rahman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Bootstrap jumbotrons

Jumbotron is another useful component in Bootstrap. It's used to display large catchy headlines in a webpage. It's especially used while creating landing pages. Here's an example of a jumbotron class:

<div class="jumbotron">
  <h1>What an amazing life it is!</h1>
  <a href="#" class="btn btn-primary">Read more</a>
</div>

A jumbotron class comes with a different set of styles for heading tags and buttons. You will see the difference in font sizes of the text inside and outside the jumbotron component. The preceding code produces the following in a browser:

Bootstrap jumbotrons

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required