在引导行右侧悬停时显示删除按钮

我看到很多在容器上弹出删除按钮的例子。我想在行的右侧显示 Twitter Bootstrap 行。

<div class="row">
   <div class="col-md-4">
       Content
   </div>
   <div class="col-md-4">
       Content
   </div>
   <div class="col-md-4">
       Content
   </div>
</div>

许多样本涉及使用容器上的相对位置；但是，我不想弄乱 .row 上的现有表格显示，那么是否有更好的方法在 twitter 引导行的弹出窗口上执行此操作？

编辑：我想在右侧显示一个按钮，位于行中央。具有以下标记的按钮：

<button ..><i class="icon-remove-sign"></i></button>

仅在悬停时显示。

尝试以下代码：

HTML:

<div class="row">
   <div class="col-md-4">
       Content
   </div>
   <div class="col-md-4">
       Content
   </div>
   <div class="col-md-4">
       Content
   </div>
   <div class="hover-btn">
     <button type="button" class="close" data-dismiss="alert">
        <span aria-hidden="true">×</span>
        <span class="sr-only">Close</span>
     </button>
  </div>
</div>

CSS:

.row {
    position: relative;
  }

  .hover-btn {
     position: absolute;
     right: 15px;
     display: none;
  }

  .row:hover .hover-btn {
     display: block;
  }

工作示例 http://www.bootply.com/jy0it9mhr2