Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the class similar to hero-unit class in twitter bootstrap

I could not find hero-unit css class (present in bootstrap 2) in bootstrap 3. Are there any class similar to hero-unit in bootstrap 3 ?

like image 943
sonam Avatar asked Aug 15 '13 03:08

sonam


People also ask

What is a jumbotron in Bootstrap?

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. Tip: Inside a jumbotron you can put nearly any valid HTML, including other Bootstrap elements/classes.

What is Bootstrap hero?

Dark mode heroQuickly design and customize responsive mobile-first sites with Bootstrap, the world's most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins. Custom button Secondary.

How to create a full width jumbotron in Bootstrap?

To make the jumbotron full width, and without rounded corners, add the . jumbotron-fluid modifier class and add a . container or . container-fluid within.

How do I center a jumbotron in Bootstrap?

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.


2 Answers

it was renamed. Now use class="jumbotron"

like image 188
Dmitry Efimenko Avatar answered Sep 20 '22 12:09

Dmitry Efimenko


Hero Unit is renamed to "Jumbotron".

Here is a link to the documentation: http://getbootstrap.com/components/#jumbotron

like image 24
Jeremy Moritz Avatar answered Sep 22 '22 12:09

Jeremy Moritz