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