Bootstrap4 Jumbotron
A Jumbotron (exceedbigscreen) creates a large gray background box, in which you can set some special content and information.
Tip:Inside the Jumbotron, you can put some HTML tags, and it can also be Bootstrap elements.
We can create a jumbotron by adding the<div>element in the.jumbotronclass to create a jumbotron:
Example
<div class="jumbotron">
<h1>Example</h1>
<p>What we learn is not just technology, but also dreams!!!</p>
</div>
Try it Yourself »
Full-screen Jumbotron
If you want to create a full-screen jumbotron without rounded corners, you can add the.jumbotron-fluidto the div in the class.containeror.container-fluidclass to achieve it:
Example
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Example</h1>
<p>What we learn is not just technology, but also dreams!!!</p>
</div>
</div>
Try it Yourself »