If you want to create a good looking and attractive web application, you need to use a Bootstrap component. Bootstrap jumbotron flexible component for creating a big box with content. It’s a very lightweight and attractive grey box with corners rounded shape. Bootstrap jumbotron allows to automatically increase the size of headings and it’s content.
Why Creating A Bootstrap Jumbotron With Bootstrap CDN
The jumbotron Bootstrap allows creating a showcase for content on a web page. Do you want to create a web page with round corners box? you should add a jumbotron class in between container class. How to create a Jumbotron class with the container as shown in below code.
For Example :
<div class = “container”>
<div class = “jumbotron”>
<h1>Welcome to TricksBucket</h1>
<p>TricksBucket help you to give solutions of your problem. It guides to learn about android, windows, IOS, Free Recharge Tricks, Working Promo Code etc.</p>
If you have no need to create a grey box with round corners, just move the jumbotron to outside the container.
Bootstrap jumbotron with Bootstrap CDN
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>
Advantages of Bootstrap Jumbotron
1. Bootstrap Jumbotron class is easy to use with HTML and CSS.
2. Jumbotron is supported responsive function. It is automatically adjusted to desktops, phones, and tab.
3. Jumbotron Bootstrap compatible with all type browsers.
Note: If you’re new with Bootstrap we recommend you need to learn little basic of Bootstrap and move forward with the component.
We hope this post best for you to Creating A Bootstrap Jumbotron With Bootstrap CDN. You may also want to see How To Add Multi-Language In CodeIgniter Dynamic.