<div>
element with class .jumbotron
to create a jumbotron. <div class="container">
<div class="jumbotron">
<h1 class="display-3">Free Time Learn</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a
type specimen book. It has survived not only five centuries, but also the
leap into electronic typesetting, remaining essentially unchanged.</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>
</div>
If you want a full-width jumbotron without rounded borders, add the .jumbotron-fluid
class and a .container
or .container-fluid
.
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-3">Free Time Learn</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a
type specimen book. It has survived not only five centuries, but also the
leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
Our website is made possible by displaying ads to our visitors.
Please help us continue to provide you with free. So please disabling your ad blocker.