在一個對照組中並排引導兩個錨標記

我在對照組中並排有兩個錨標記。我正在使用這個項目的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>

任何人都可以幫助我？謝謝！

來源

2013-02-26 edelweiss

是什麼推頂嗎？在這裏工作得很好，所以其他事情一定會影響它？ http://jsfiddle.net/ZaMZ8/ – 2013-02-26 17:15:31

它做了一個margin-top：15px – edelweiss 2013-02-26 17:17:43

使用Firebug來檢查元素，看看有什麼CSS規則存在，你不期望在那裏。 – js1568 2013-02-26 17:23:13

問題是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/

來源

2013-02-26 17:31:09 HaNdTriX

謝謝！完美地工作 – edelweiss 2013-03-01 12:20:43

在一個對照組中並排引導兩個錨標記

回答

相關問題