It's not inside the row that borders are neutral to the grid : you need to put your borders inside the spans because only the .span elements have a fixed width.
Check this stackoverflow answer<http://stackoverflow.com/a/11299934/1478467>for detailed examples. On Friday, July 27, 2012 10:34:53 PM UTC+2, Helmut wrote: > > That's weird. > > I have spans where I nest a DIV inside with padding and never have this > issue. Otherwise, it would be impossible to use the grid with any sort of > control. > > I'm thinking the border should be occurring inside the "row" object and > not effecting anything. I'm pretty sure I did this before but I'm not sure > if something changed. > > On Friday, July 27, 2012 3:31:46 PM UTC-4, juliaelman wrote: >> >> .spanx automatically adds a margin-left value for the gutter width. You >> need to override that OR just change your one of your span values to span3 >> or span7. Here's what worked for me to achieve what I think you are wanting >> to do: >> >> <div class="container"> >>> <div class="row"> >>> <div class="masthead"> >>> <div class="span3">textleft</div> >>> <div class="span8">textright</div> >>> </div> >>> </div> >>> <div> >> >> >> On Friday, July 27, 2012 2:51:47 PM UTC-4, Helmut wrote: >>> >>> This is maddening. >>> >>> I'm expecting a bordered box the full width of the page with the word >>> "texleftt" on the left and the word "textright" 1/2 of the way over. >>> >>> Instead, nothing is in the box and the words are stacked on each other. >>> >>> <div class="container"> >>> <div class="row"> >>> <div class="masthead"> >>> <div class="span4"> >>> textleft >>> </div> >>> <div class="span8"> >>> textright >>> </div> >>> </div> >>> </div> >>> <div><!--container--> >>> >>> CSS: >>> >>> .masthead { >>> border:thin solid #CCC; >>> } >>> >>
