nút bootstrap: Kéo dài để lấp đầy không gian chứa

Question

Tôi đang sử dụng các nút khởi động, tôi muốn kéo nút thả xuống ở giữa để lấp đầy phần còn lại của không gian thanh công cụ.

HTML (mã ngắn):

<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 { ?? } 

Tôi đã thử các lớp "btn-group-jastified", nhưng nó đã không làm việc tại tất cả các.

bất kỳ ý tưởng nào?

Answer 1

Bạn đã thử btn-block chưa?

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

Và thử width:100% trên

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