2012-08-13 79 views
4

我想創建一個包含兩個按鈕的按鈕組。按鈕組是span 6的一部分,我希望裏面的按鈕具有50%的寬度,但我猜是因爲填充和邊框按鈕的分界線,並且彼此交替而不是彼此相鄰。這個調整會是什麼?Twitter Bootstrap按鈕組50%寬度

回答

2

這確實發生了,因爲引導程序添加到按鈕的邊距和其他所有內容。

您可以通過使用引導網格系統來做到這一點,而不是嘗試自己爲按鈕分配寬度。

<div class="span6"> 
    <div class="btn-group row-fluid"> 
    <button class="btn span6">Button 1</button> 
    <button class="btn span6">Button 2</button> 
    </div> 
</div> 

這裏是在行動:http://jsfiddle.net/S57SW/1/。 我已經使用了row-fluid,因爲它在jsfiddle上看起來更好,但是您也可以使用靜態佈局來做到這一點。

+1

響應是**與流體**非常不同。靜態跨度(px)與流體跨度(%) - 響應不同的分辨率。您的解決方案很好,但不適用於響應式設計:[jsfiddle](http://jsfiddle.net/Sherbrow/S57SW/2/) – Sherbrow 2012-08-13 13:26:06

+0

@Sherbrow我已更新以反映您的洞察力。對於一個響應式設計,當你有足夠小的視口時,這確實完全失效:( – 2012-08-14 02:10:21

+0

我如何在一個btn組中實現9個元素的同樣效果。請參閱http://jsfiddle.net/j8baM/2/ – iElectric 2013-02-16 04:08:06