title: Bootstrap: Progress bars in table-condensed
body: <p>If I add a Bootstrap 3 progress bar to a Bootstrap table with table-condensed, I lose the "condensed" part of the rows (they get taller).  Is there a default minimum height to a progress bar that would force table-condensed rows to be larger?</p>
  
  <p>Here's an example of the behavior I'm trying to "fix":</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/H93tc/" rel="nofollow">Condensed table/progress bar example</a></p>
  
  <pre><code>&lt;table class='table table-condensed table-striped'&gt;
      &lt;tr&gt;
          &lt;td&gt;one&lt;/td&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;one&lt;/td&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;one&lt;/td&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;br/&gt;
  
  &lt;table class='table table-condensed table-striped'&gt;
      &lt;tr&gt;
          &lt;td&gt;one&lt;/td&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;one&lt;/td&gt;
          &lt;td&gt;
              &lt;div class='progress progress-striped'&gt;
                  &lt;div class="progress-bar progress-bar-warning" role="progressbar" style="width: 50%;"&gt;
                      Progress
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;one&lt;/td&gt;
          &lt;td&gt;two&lt;/td&gt;
          &lt;td&gt;three&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>