如何删除引导表上方的水平线？

Question

这是生成此代码的代码：

<div class="panel panel-danger">
    <div class="panel-heading">Offenses</div>
    <div class="panel-body">
        <div class="row" syle="padding: 5px;">
           <div class="col-lg-12 padding-left">
              <table class=" table">
                  <tr>
                      <td>None</td>
                      <td ><button type="button" class="btn btn-danger btn-xs">Add...</button> </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>

我的问题是：

1. 如何摆脱桌子上方的水平线？它是表的一部分，但没有border：0px或shadow box nulling的组合有帮助。它非常执着。
2. 如何确保第二列与右侧对齐？基于boosstrap 12网格系统 - 如何制作左栏＃11; 11＆＃34;而正确的＆＃34; 1＆＃34;？

Answer 1

问题1：

使用以下内容：

table tr:first-child td{
    border-top: none;
}

演示：http://www.bootply.com/XIZnEqBuMC

问题2：

<table>没有办法做到这一点。如果您不会使用两列以上，那么具有静态高度行的浮动div可能是更好的方法。