When to use the Jumbotron? [closed]

Question

This is just a basic question, in what events do you use a jumbotron? Do you always need to include a jumbotron when writing in the Bootstrap Framework? Examples of when to use the jumbotron is appreciated.

Answer 1

No, jumbotron is just a component, like a big banner usually on the top of your home page. Think of it like a big hoarding a visitor would see when they visit your site. When you are using bootstrap, I think the components that you might need 99% of the times is the grid. Rest depends on your website's requirements.

The grid is useful for making a row/column style layout of your webpage that's responsive (flows depending on the size of the device).

In the page below, you can get rid of the grey box (Jumbotron heading container) if you don't need it.

Answer 2

Jumbotron is simply a styled element. Bootstrap has some default properties applied to that element, making it a very good 'eye catcher'.

You don't need to include it, but you can if you like it. I'd use it to display the main business concepts, to display commercial items or discounts.

A nice example of use-cases is to look at commercial websites. here you can see how they used a slideshow for promotion, inside a jumbotron-like element for the eye catcher.

Using it is simply a matter of personal preference.