Turns out it was a bonehead error. I neglected to wrap some of my rows in
<div class="row"> tags.
On Thursday, June 27, 2013 11:15:33 AM UTC-7, Davedh wrote:
>
> 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.
