title: Bootstrap table-bordered remove right, left borders
body: <p>I'm using a table like so:</p>
  
  <pre><code>&lt;table class="table table-hover table-bordered"&gt;
  </code></pre>
  
  <p>This table creates cells that have borders on all four sides. What I want is to remove the left and right borders, but keep top and bottom.</p>
  
  <p>I tried:</p>
  
  <pre><code>.table thead&gt;tr&gt;th,.table tbody&gt;tr&gt;th,.table tfoot&gt;tr&gt;th,.table thead&gt;tr&gt;td,.table tbody&gt;tr&gt;td,.table tfoot&gt;tr&gt;td{
     border-right:none;
     border-left: none;
     border-bottom: 1px solid red;
  }
  </code></pre>
  
  <p>However, this does not remove the left or right borders, but it does apply a red bottom border, so I know it's at least processing this CSS, but with no effect for removing borders.</p>
  
  <p>Any ideas?</p>