Jumbotron

Introduction#

Jumbotron is a standard component of Bootstrap to display some important contents on your website. It is usually used right under the navbar, before the content.

Remarks#

Inside the jumbotron, all grid system, container class and row class also works.

Basic jumbotron with two lines of text and a button

This is a jumbotron with a title, a content and a button.

Code

<div class="jumbotron">
  <h1>Title text</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tortor ipsum, convallis sit.</p>
  <p><a class="btn btn-default" href="#" role="button">A button</a></p>
</div>

Result