title: Change table row height - Bootstrap
body: <p>I am having trouble changing the height of a table row, using bootstrap. 
  The code i have so far is:</p>
  
  <pre><code>    &lt;table class="table table-bordered table-hover type-list2"&gt;
      &lt;tr&gt;  
        &lt;th&gt;#&lt;/th&gt;
        &lt;th&gt;DSP Type&lt;/th&gt;
        &lt;th&gt;Email&lt;/th&gt;
        &lt;th&gt;Code Type&lt;/th&gt;
        &lt;th&gt;Dispatch Time&lt;/th&gt;
        &lt;th&gt;Codes&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;Email&lt;/td&gt;
        &lt;td&gt;test@gmail.com&lt;/td&gt;
        &lt;td&gt;7 Day&lt;/td&gt;
        &lt;td&gt;2014-05-20 15:42:59&lt;/td&gt;
        &lt;td&gt;6&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;2&lt;/td&gt;
        &lt;td&gt;Manual&lt;/td&gt;
        &lt;td&gt;test@gmail.com&lt;/td&gt;
        &lt;td&gt;12 Month&lt;/td&gt;
        &lt;td&gt;2014-05-20 15:42:59&lt;/td&gt;
        &lt;td&gt;
        WXJ79-P33MM-RX7BP-QHW86-AAAAA
        &lt;br&gt;HW382-6TPF3-RHV63-3W8QP-AAAAA
        &lt;br&gt;FHKV2-K376Y-3Q984-36C7C-AAAAA
        &lt;br&gt;RHXCM-KC24C-6B7T9-TBFB3-AAAAA
        &lt;br&gt;MD8QM-VXBQW-B72Q7-CR3BM-AAAAA
        &lt;br&gt;GXFGV-KX7TP-82H2H-DRFHM-AAAAA
        &lt;br&gt;VQV2F-P7VKM-MBBMB-M7JYC-AAAAA
        &lt;br&gt;KG4VD-HWGMM-6MJCT-G7PVC-AAAAA
        &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>and:</p>
  
  <pre><code>tr {
     max-height: 35px !important;
     height: 35px !important;
  }
  </code></pre>
  
  <p>Here is a Fiddle with the code: <a href="http://www.bootply.com/xPgWHFFDah" rel="nofollow">http://www.bootply.com/xPgWHFFDah</a>  </p>