I've created a page using one of the Marketing examples from the Bootstrap 
github as a starting point. But I'm finding that my page is offset by 20 
pixels to the right rather than being centered within the browser window.

I think that this is because of the following code out of bootstrap.css 
(from lines 266 and 282):

.row {
  margin-left: -20px;
  *zoom: 1;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

When I set the margin-left to 0 px for both, then I'm not getting the 20px 
offset to the right of the overall page, but some rows aren't behaving well 
- for example one row:

<div class="row">
        <div class="span4 offset4"><h2>Trending Stories</h2></div>
    </div>

becomes left-justified rather than centered.

Any hints on how to modify things to get rid of the 20 px offset without 
messing up the overall layout?


-- 
You received this message because you are subscribed to the Google Groups 
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.


Reply via email to