Twitter bootstrap 引导按钮位于表行最右侧，与单元格不同

我正在尝试重新创建您可以在下图中看到的布局：

如果按钮不在单元格中，我找不到如何在每行末尾放置按钮。如果一定要放在一个牢房里，我想去掉那个牢房的所有装饰，使它看起来像桌子的“外面”

你知道如何使用引导程序实现这一点吗

我的html目前看起来像这样：

        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Heure</th>
                        <th>Appel</th>
                        <th>En vente</th>
                        <th>En vente web</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2014-12-01</td>
                        <td>20:00</td>
                        <td>141201</td>
                        <td>
                            <div class="text-center">
                                <span class="glyphicon glyphicon-ok"></span>
                            </div>
                        </td>
                        <td>
                            <div class="text-center">
                                <span class="glyphicon glyphicon-ok"></span>
                            </div>
                        </td>
                        <td>
                            <a href="">
                                <span class="glyphicon glyphicon-edit"></span>
                            </a>
                            &nbsp;
                            <a href="">
                                <span class="glyphicon glyphicon-trash"></span>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>2014-12-02</td>
                        <td>20:00</td>
                        <td>141202</td>
                        <td>
                            <div class="text-center">
                                <span class="glyphicon glyphicon-ok"></span>
                            </div>
                        </td>
                        <td>
                            <div class="text-center">
                                <span class="glyphicon glyphicon-minus"></span>
                            </div>
                        </td>
                        <td>
                            <a href="">
                                <span class="glyphicon glyphicon-edit"></span>
                            </a>
                            &nbsp;
                            <a href="">
                                <span class="glyphicon glyphicon-trash"></span>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>2014-12-03</td>
                        <td>20:00</td>
                        <td>141203</td>
                        <td>
                            <div class="text-center">
                                <span class="glyphicon glyphicon-minus"></span>
                            </div>
                        </td>
                        <td>
                            <div class="text-center">
                                <span class="glyphicon glyphicon-minus"></span>
                            </div>
                        </td>
                        <td>
                            <a href="">
                                <span class="glyphicon glyphicon-edit"></span>
                            </a>
                            &nbsp;
                            <a href="">
                                <span class="glyphicon glyphicon-trash"></span>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div><!-- table-responsive -->

日期
休尔
阿佩尔
通风
通风网
2014-12-01
20:00
141201
2014-12-02
20:00
141202
2014-12-03
20:00
141203

尝试将类似这样的类应用于显示为“断开连接”的单元格：

应用于包含图标的单元格：

<td class="minimal_cell">
    <a href="">
        <span class="glyphicon glyphicon-edit"></span>
    </a>
    &nbsp;
    <a href="">
        <span class="glyphicon glyphicon-trash"></span>
    </a>
</td>

---

jsFiddle:

谢谢你的回答。它按预期工作。有那么糟糕吗！如果没有其他选择，则很重要？实际上，您不需要

！重要信息

-我刚刚又看了一遍，没有它也能正常工作。从用户体验的角度来看，我建议不要这样做——当按钮在同一个表行中时，用户可以很快理解它们会影响该行，但是将它们放在表外会造成混乱。更好的解决方案是仅在用户悬停该行时显示该单元格内容。

<td class="minimal_cell">
    <a href="">
        <span class="glyphicon glyphicon-edit"></span>
    </a>
    &nbsp;
    <a href="">
        <span class="glyphicon glyphicon-trash"></span>
    </a>
</td>