Menu
  1. Home 1
  2. Home 2
  3. Home 3
  4. Home 4
  5. Home 5
  6. Home 6
  7. World

    World news

    • All
    • Health
    • Tech
    • Travel
    • World
    More
      Previous Next

      No content

      A problem occurred while loading content.

    1. Life Style

      Life Style

      • All
      • Arts
      • Health
      • Music
      • Travel
      More
        Previous Next

        No content

        A problem occurred while loading content.

      1. Fashion

        Fashion

        • All
        • Fashion
        More
          Previous Next

          No content

          A problem occurred while loading content.

        1. Sport
          Previous Next

          No content

          A problem occurred while loading content.

        2. Events/Calendar
        3. Features
        Search User Login Menu
        Tools
        Close

        Jumbotron

        Lightweight, flexible component for showcasing hero unit style content.

        A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.

        Hello, world!

        This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


        It uses utility classes for typography and spacing to space content out within the larger container.

        Learn more

        <div class="jumbotron">
        	<h1 class="display-4">Hello, world!</h1>
        	<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or
        		information.</p>
        	<hr class="my-4">
        	<p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
        	<p class="lead">
        		<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
        	</p>
        </div>

        To make the jumbotron full width, and without rounded corners, add the .jumbotron-fluid modifier class and add a .container or .container-fluid within.

        Fluid jumbotron

        This is a modified jumbotron that occupies the entire horizontal space of its parent.

        <div class="jumbotron jumbotron-fluid">
        	<div class="container">
        		<h1 class="display-4">Fluid jumbotron</h1>
        		<p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
        	</div>
        </div>
        Back To Top