In bootstrap jumbotron is used to make a box or element more attractive
to get more attention. By using this property the background color of that
box will become grey and it get more attraction. Jumbotron put some rounded
corners on the box but if jumbotron-fluid is used than it gives full width
box and without any rounded corners.
Jumbotron example
In this example jumbotron bootstrap class is used to
make the box special to get more attention than other boxes. This
box has light grey background color and also it has rounded corners
due to jumbotron property is applied.
<divclass="jumbotron"><h4>This is a heading.</h4><p>This is a paragraph inside jumbotron to get more focused.</p></div>
Output of above code
This is a heading.
This is a paragraph inside jumbotron to get more focused.
Full width jumbotron
To make a jumbotron with full width jumbotron-fluid bootstrap
class is used. While there is a container inside the jumbotron. This type
of jumbotron does not have any rounded corners.
<divclass="jumbotron jumbotron-fluid"><divclass="container"><h4>This is a heading.</h4><p>This is a paragraph inside jumbotron to get more focused. This is a paragraph inside jumbotron to get more focused. This is a paragraph inside jumbotron to get more focused.</p></div></div>
Output of above code
This is a heading.
This is a paragraph inside jumbotron to get more focused. This is a paragraph inside jumbotron to get more focused. This is a paragraph inside jumbotron to get more focused.
The Best
Comment here
If you have any query, if you want to know something about any of technical course related to computer science field, if you have any suggestion about relevant to uploaded content or if you anything wrong here (any mistake in content) than please contact us. Keep in mind, comment should be according to community guidelines.
