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;
>> }
>>
>
