Bootstrap Tutorial - Create Bootstrap Jumbotron








Create Bootstrap Jumbotron

Jumbotron is one of the typographic components.

Jumbotron is used to showcase key content on your site. It works well on marketing and content-heavy sites.

<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
<!--  www.  jav  a 2  s  .  co m-->
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script src="http://java2s.com/style/bootstrap.min.js"></script>

</head>
<body style='margin: 20px;'>

  <div class="jumbotron">
    <h1>Hello, world!</h1>
    <p>This is a simple hero unit, a simple jumbotron-style component
      for calling extra attention to featured content or information.</p>
    <p>
      <a class="btn btn-primary btn-lg">Learn more</a>
    </p>
  </div>
</body>
</html>

Click to view the demo