twitter-bootstrap 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

enter image description here