Search within TutorialsPark

Twitter Bootstrap Jumbotron and Pageheaders


To showcase the Key Content of your Website


Twitter Bootstrap: Jumbotron

1. A jumbotron is a flexible, lightweight component, which can extent the entire width of the viewport to display the key contents or highlights of the webpage

2. To create a jumbotron use class .jumbotron and encapsulate all types of .containers within this.

Example: Twitter Bootstrap Jumbotron

Give it a TRY! »

Twitter Bootstrap: Page Headers

1. An appropriately spaced out header can be created using <h1> element, encapsulated within a <div> element with class .page-header .

Example:Twitter Bootstrap Page Headers

Give it a TRY! »