2014-06-15 3 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 : 나는하지만이 작동하지 않았다 "BTN-그룹 jastified"클래스를 시도

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

모든.

어떤 아이디어가 있습니까?

답변

52

btn-block을 사용해 보셨습니까?

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

'btn을-block'에

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

시도 width:100%은 작업 권리를 않습니다. 감사. – Yiling

관련 문제