如何在一個div中對齊twitter引導中的2個按鈕

我使用twitter引導2版本。如何在一個div中對齊twitter引導中的2個按鈕

<div class="span4"> 
    <a href="http://test.com" class="btn">&{'main.menu.with.me'}</a>    
    <a href="http://test2.com" class="btn btn-info pull-right">&{'main.menu.raise.request'}</a> 
</div>

我需要把2個按鈕放在右邊，它們之間有空格。但是，如果我把拉右，他們之間沒有空間，我注射沒有幫助。

來源

2014-01-13 Constantine Gladky

看起來並排我=> http://jsfiddle.net/4qaY3/ – NoobEditor

@NoobEditor如果您使頁面變大，看到一個按鈕粘到左邊，而另一個保持在右邊，他想要的東西可能是這樣的：'| button1 | | button2 |' – rmagnum2002

@ rmagnum2002：多數民衆贊成我的不好...謝謝你放在同一頁！ :) – NoobEditor

不是HTML非常好，但我會做這樣的事情：

引導2：

<div class="span4"> 
<div class='pull-right'> 
    <a href="http://test.com" class="btn">&{'main.menu.with.me'}</a>   
    <a href="http://test2.com" class="btn btn-info">&{'main.menu.raise.request'}</a> 
</div> 
</div>

在這種情況下，你會希望以後div.clearfix一個拉右，沒有CSS介入，除非你想在按鈕之間有更多的空間，然後引導已經有了。

（更新2016年8月4日）自舉3：

<div class='btn-toolbar'> 
    <a href="http://test.com" class="btn">&{'main.menu.with.me'}</a>   
    <a href="http://test2.com" class="btn btn-info">&{'main.menu.raise.request'}</a> 
</div>

來源

2014-01-13 10:05:04 rmagnum2002

bootstrap類='btn-toolbar'的3個選項與每個按鈕上的右拉完美配合。 – AntonK

我認爲向btn-toolbar添加右鍵更好。 –

.span4 .btn { 
    margin-left: 10px; 
    margin-right: 10px; 
}

來源

2014-01-13 10:04:08 CRABOLO

簡單地添加到pull-right兩個按鈕

的，以得到空間：

.btn{ 
    margin-right:10px; 
}

另外，請記住，pull ing權利會改變按鈕的順序... s根據您的佈局Ø更好的交換（我已經做到了我的小提琴例子）

fiddle demo

來源

2014-01-13 10:20:54 NoobEditor

這工作正常，但它被認爲是一種不好的做法或以後看到代碼的其他人混淆？ – bobtheowl2

@ bobtheowl2：不，它只是在寫入CSS，通常不會建議更改引導的默認CSS，所以編寫自定義覆蓋CSS是一個更好的做法！ :) – NoobEditor

如何在一個div中對齊twitter引導中的2個按鈕

回答

相關問題