title: Bootstrap table without stripe / borders
body: <p>I'm kinda stuck with a CSS problem while using Bootstrap. I'm also using Angular JS with Angular UI.bootstrap (which might be part of the problem).</p>
  
  <p>I'm making a website that displays data in a table.
  Sometime, the data contains object that I have to display in tables.
  So I want to put borderless tables inside a normal table while keeping inside separation lines for the borderless tables. </p>
  
  <p>But it seems that even if I specifically say to not show the borders on a table, it is forced:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table class='table borderless'&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.borderless table {
      border-top-style: none;
      border-left-style: none;
      border-right-style: none;
      border-bottom-style: none;
  }
  </code></pre>
  
  <p>So here, what I want is just the inside borders.</p>