How do I remove the space or not have space in between the spans in Bootstrap?

Question

Ok so if you do:

<div class="row-fluid">
   <div class="span6"></div><!--span6 END-->
    <div class="span6"></div><!--span6 END-->


   </div><!--row END-->

picture that as 2 red boxes both taking 50% of the screen.. but every time I do this the span6 has a margin our in between each other and the row above it... How do I make it so that there is no margin above or in between the spans .. I want them to touch above and to the sides.

Solution

As you probably don't want to override all .span6 elements, I'd suggest the following:

<div class="row-fluid">
    <div class="span6" style="margin: 0px; background-color: red; width: 50%;">foo</div><!--span6 END-->
    <div class="span6" style="margin: 0px; background-color: blue; width: 50%;">bar</div><!--span6 END-->
</div><!--row END-->

JSFiddle

EDIT:

As .row-fluid uses width: 100% and .row-fluid .span6 uses width: 48.93617021276595%;, you also need to change width of those divs. See updated code and fiddle.