Geek Answers Handbook

Twitter Bootstrap - why does the row class have margin-left: -20px?

I don’t understand why the row class has margin-left: -20px (therefore it grows after the borders of the parents are like in the image). I think no one needs this behavior. Or am I doing something wrong?

 <div class="container"> <div id="top-container" class="row"> <div class="span8"> <h1>App</h1> </div> <div class="span4"> </div> </div> </div>

example

+7
css twitter-bootstrap
source share
2 answers

You can use line-liquid instead of line, then your span4 and span8 will not have fields on the left.

 <div class="container"> <div id="top-container" class="row-fluid"> <div class="span8"> <h1>App</h1> </div> <div class="span4"> </div> </div> </div>
+10
source share

For people trying to find this for Bootstrap 3:

Full-width grids and layouts People who want to create completely fluid layouts (this means that your site stretches the entire width of the viewport) should wrap the contents of the grid in a containing element with filling: 0 15px; to offset the field: 0 -15px; used on .rows.

Source ( Grids and full-width layouts search)

+3
source share

More articles:


All Articles