All geek questions in one place

Make Hero Unit 100% Width w / Twitter Bootstrap

I am trying to enjoy Twitter BS.

Do you have the opportunity to set the width of the hero’s browser to 100%, while the columns are fixed width?

+4
source share
2 answers

Wrap .hero-unit in .container-fluid and .row-fluid (or don't even flip anything). "Fluid" in Bootstrap terms means that the browser will require 100% of the width of the browser window. Wrap your other content with a "fixed" .container and .row .

See how I did it in my violin .

+7
source

Please note that starting from Bootstrap 3, the hero unit is renamed to jumbotron http://getbootstrap.com/components/#jumbotron

To make the entire width of the jumbotron without rounded corners, place it outside all .containers and add a container instead.

 <div class="jumbotron"> <div class="container"> ... </div> </div>
+2
source

Source: https://habr.com/ru/post/1434489/

More articles:


All Articles