title: How to remove the horizontal line above the bootstrap table?
body: <p><a href="https://i.stack.imgur.com/D9tFy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D9tFy.png" alt="enter image description here"></a></p>
  
  <p>This is the code generating this:</p>
  
  <pre><code>&lt;div class="panel panel-danger"&gt;
      &lt;div class="panel-heading"&gt;Offenses&lt;/div&gt;
      &lt;div class="panel-body"&gt;
          &lt;div class="row" syle="padding: 5px;"&gt;
             &lt;div class="col-lg-12 padding-left"&gt;
                &lt;table class=" table"&gt;
                    &lt;tr&gt;
                        &lt;td&gt;None&lt;/td&gt;
                        &lt;td &gt;&lt;button type="button" class="btn btn-danger btn-xs"&gt;Add...&lt;/button&gt; &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My questios are:</p>
  
  <ol>
  <li>how do I get rid of the horizontal line above the table? It's part of the table, but no combination of border: 0px or shadow box nulling is helping. It's very persistent. </li>
  <li>How can I make sure the second column is aligned to the right? based on the boosstrap 12 grid system -- how do I make the left column "11" and the right "1"? </li>
  </ol>