title: make twiiter bootstrap columns width smaller
body: <p>Ok, I have spent hours on this trying to get the classes to manipulate like I need.</p>
  
  <p>However, the columns are giving too much space between the days.</p>
  
  <p>Here is what I have thus far. <a href="http://tinypic.com/r/2hx0jnp/8" rel="nofollow">http://tinypic.com/r/2hx0jnp/8</a></p>
  
  <pre><code>&lt;div class="row hours_bg"&gt;
      &lt;h4&gt;Hours&lt;/h4&gt;
      &lt;div class="col-xs-2"&gt;
          &lt;br /&gt;
          Open
          &lt;br /&gt;
          &lt;br /&gt;
          Close
      &lt;/div&gt;
  
      &lt;div class="col-xs-10 hours_div"&gt;
  
      &lt;?php foreach($days as $day):
          $daylow = strtolower($day);
      ?&gt;
      &lt;div class="col-xs-6 col-xs-1"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-xs-6 col-xs-3"&gt;&lt;?php echo $day[0]; ?&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-xs-6 col-xs-3"&gt;
                  &lt;span id="pre_open_&lt;?php echo $daylow ?&gt;"&gt;
  
                   &lt;?php echo isset($location['open_' . $daylow]) ? $location['open_' . $daylow] : '' ?&gt;
                  &lt;/span&gt; &lt;br /&gt;
                  &lt;span id="pre_close_&lt;?php echo $daylow ?&gt;"&gt;
  
                  &lt;?php echo isset($location['close_' . $daylow]) ? $location['close_' . $daylow] : '' ?&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
              &lt;br /&gt;
          &lt;/div&gt;&lt;!-- row --&gt;
      &lt;/div&gt;
  
      &lt;?php endforeach; ?&gt;
  &lt;/div&gt;
  &lt;div class="clearfix"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is the result I need: <a href="http://tinypic.com/r/2ikeaee/8" rel="nofollow">http://tinypic.com/r/2ikeaee/8</a></p>
  
  <p>I really have tried everything I know.</p>
  
  <p>I can move the hours margin -left pixels to not overlap the open and close text. However, again the ending s or Sunday will cut off because the columns are too wide.</p>
  
  <p>I do have some other css:</p>
  
  <pre><code>.hours_bg {
  background: #fff;
  
  }
  .hours_div {
  margin-left: -50px;
  width: 100%;
  }
  </code></pre>