title: Avoiding automatic margin set in bootstrap span div
body: <p>I am using bootstrap fluid layout. The layout I desire is as follows:</p>
  
  <p><strong>My html code</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div class="span4 well"&gt;span4&lt;/div&gt;
          &lt;div id="h" class="span8 well "&gt;span8&lt;/div&gt;
       &lt;/div&gt;
       &lt;div id='calendar' &gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It gives <code>span4</code> and <code>span8</code> column in a row for desktop. On a small device, it puts <code>span4</code> at the top and displays <code>span8</code> below it. But, when the screen is resized, I wanted to have <code>span8</code> at the top and <code>span4</code> below it.</p>
  
  <p><strong>The solution I tried</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div id="h" class="span8 well pull-right"&gt;span8&lt;/div&gt;
          &lt;div class="span4 well "&gt;span4&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id='calendar' &gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works but it gives following layout for big screen. <code>span4</code> leaves some margin initially which I want to avoid. </p>
  
  <p>How can I do that?</p>