2013-01-09 47 views
3

我正在使用引導程序,並希望在一個部分的標題中有一個鏈接(按鈕)來編輯它(如維基百科[編輯]部分鏈接)。如何通過引導將內聯鏈接添加到內聯元素?

這是我的,但它的壞對齊(鍵下面的文字):

<h3> 
    <span>Details</span> 
    <span> 
    <a class="btn pull-right" href="/edit">Edit</a> 
    </span> 
</h3> 

是一些更好的方式來處理呢? (我幾乎可以肯定,我錯過了路徑)

+0

我想你可以試着看看http://ink.sapo.pt/typography#nav-headings來達到 – test30

回答

2

的對齊問題,是因爲我加入pull-right類(浮動)直接向按鍵,取而代之的是我必須漂浮一個包裝。

<h3> 
    Details 
    <span class="actions"> 
     <a class="btn" href="/edit">Edit</a> 
    </span> 
</h3> 

然後,我需要添加:

.actions { 
    float: right; 
} 

而且按鍵排列正確,因爲它沒有浮動了。 This is the working fiddle.

0

試試這個:

<h3> 
    <span> 
    <a class="btn pull-right" href="/edit">Edit</a> 
    </span> 
    <span>Details</span> 
</h3> 
+0

相同的結果。可能是我不得不添加一些特殊的保證金來'h3 a.btn' – eloyesp

+0

..有機會做小提琴嗎? – karacas

+0

我可以,但不知道如何...主要的問題是,我要求一個更正確的方法來做到這一點,而不是真的去修復視覺。 – eloyesp