title: How to create a grid header using Twitter Bootstrap?
body: <p>How can a bootstrap grid be styled with a simple header like the picture below?</p>
  
  <p>When I try changing the background color of the first row, the color doesn't extend to the edge of the grid because of the grid padding.  When I remove the left/right grid padding, it messes up the rounded corners.</p>
  
  <p>The html looks like this:</p>
  
  <pre><code>&lt;div class="container-fluid" style="border: solid 1px black; border-radius: 10px; max-width: 400px"&gt;
  &lt;div class="row-fluid"&gt;
      &lt;div class="span3"&gt;Name&lt;/div&gt;
      &lt;div class="span3"&gt;Count&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row-fluid"&gt;
      &lt;div class="span3"&gt;Joe&lt;/div&gt;
      &lt;div class="span3"&gt;10&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row-fluid"&gt;
      &lt;div class="span3"&gt;Bob&lt;/div&gt;
      &lt;div class="span3"&gt;7&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/SpC9G.png" alt="enter image description here"></p>