Bootstrap < basic 22 > Oversized screen (Jumbotron)

Original: Bootstrap < basic 22 > Oversized screen (Jumbotron)

Another feature supported by Bootstrap, the oversized screen (Jumbotron). As the name implies, the component can increase the size of the caption and add more margin (margin) to the landing page content. The steps for using the oversized screen (Jumbotron) are as follows:

• Create a class . Jumbotron. <div> of containers.
• In addition to the larger font-weight is reduced to 200px.

The following example demonstrates this:

<! DOCTYPE html>         Learn more </a>      </p>   </div></div></body>
The results are as follows:
For a large screen with full width and no rounded corners, use the . Jumbotron class outside of all . Container classes, as shown in the following example:
<! DOCTYPE html>         Learn more </a>      </p>   </div></div></body>
The results are as follows:
Series Articles:Bootstrap < Fundamentals > CSS Overview
bootstrap< Basic two > network system
bootstrap< Basic three > typesetting
bootstrap< basic Four > code
Bootstrap < Fundamentals five > forms
bootstrap< basic six > form
Bootstrap < basic seven > button
Bootstrap < basics eight > pictures
bootstrap< Basic Nine > Auxiliary class
bootstrap< Basic 10 > responsive Utility
bootstrap< Basic 11 > Font icons (glyphicons)
Bootstrap < Basics 12 > drop-down menu (dropdowns)
bootstrap< Basic 13 > button Group
bootstrap< Basic 14 > button drop-down menu
bootstrap< Basic 15 > Input Frame Group
bootstrap< basic 16 > Navigation elements
bootstrap< basic 17 > Navigation Bar Bootstrap < basic 18 > Breadcrumb navigation (Breadcrumbs) Bootstrap < Fundamentals 19 > Pagination bootstrap< Basics 20 > Tags Bootstrap < fundamentals 21 > badges (Badges) Bootstrap < basic 22 > Oversized screen (Jumbotron) Bootstrap < basic 23 > page title Header) bootstrap< Basic 24 > Thumbnail Bootstrap < basic 25 > Warning (Alerts) Bootstrap < basic 26 > progress bar
Bootstrap < basic 22 > Oversized screen (Jumbotron)