- What is a jumbotron used for?
- How do you center a jumbotron?
- How do I change the size of my jumbotron?
What is a jumbotron used for?
A jumbotron indicates a big box for calling extra attention to some special content or information. A jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it.
How do you center a jumbotron?
add auto to your margin attribute in jumbotron (so it's margin: 10px auto; instead of margin:10px. That should solve it. If you're using the grid system, then centering your jumbotron should just be a matter of col-lg-offset-x, where x is 12-width of jumbotron divided by 2.
How do I change the size of my jumbotron?
You can change your . jumbotron height using @media() queries to reflect major screen sizes. At some point, you will overflow the image but at least it won't be by much because you have established that the . jumbotron won't go too far from the 2:1 ratio.