twitter-bootstrap - 在一个控制组中并排引导两个锚标记

Question

我在对照组中有两个并排的锚标签。我正在为这个项目使用 twitter 引导程序。但这两个锚标签总是相互重叠

我的html如下

<div class="control-group">
     <div class="controls">
          <a id="address" class=" pull-right update btn btn-inverse btn-medium push-top">Update</a>
          <a class="pull-right delete_add btn btn-inverse btn-medium push-top">Delete</a>
     </div>
</div>

任何人都可以帮助我吗？谢谢！

Answer 1

问题是pull-right-class。此类将两个内联框浮动到右侧。

你可以通过添加一个新的类来将文本元素与 CSS 对齐来解决这个问题：

.align-right{
   text-align: right;
}

在您的 HTML 代码中删除pull-right-class 并添加align-right到您的controls组中。

<div class="control-group">
     <div class="controls align-right">
          <a id="address" class="update btn btn-inverse btn-medium push-top">Update</a> 
          <a class="delete_add btn btn-inverse btn-medium push-top">Delete</a>
     </div>
</div>

http://jsfiddle.net/handtrix/FZZsu/