2014-06-15 73 views
17

我使用引導按鈕,我想拉伸中間的下拉按鈕以填充工具欄空間的其餘部分。引導按鈕:拉伸以填充其容器空間

enter image description here

HTML(簡稱代碼):

<div class="gallery-toolbar"> 
    <ul style="padding:0"> 
    <li><a>Back</a></li> 

    <li id="gallery_title"> 
    <div class="btn-group"> 
    <a class="btn btn-default"><?php echo $gallery->title ?></a> 
    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> 
    <ul class="dropdown-menu">some php</ul> 
    </div></li> 

    <li><a>Slideshow</a></li> 

CSS:

.gallery-toolbar li { list-style:none; display: inline } 
.gallery-toolbar li:last-child { float:right } 
#gallery-title { ?? } 

我已經試過類 「BTN-組jastified」,但它並沒有在工作所有。

有什麼想法?

回答

52

你試過btn-block

<a class="btn btn-default btn-block"></a> 

並嘗試width:100%

<div class="btn-group" style="width:100%"> 
+0

'BTN-block'做這項工作的權利。謝謝。 – Yiling

相關問題