web-dev-qa-db-ja.com

bootstrap button:コンテナスペースを埋めるためにストレッチ

bootstrapボタンを使用しています。ツールバーの残りの部分を埋めるために、中央のドロップダウンボタンを伸ばしたいと思います。

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-group-jastified」クラスを試しましたが、まったく機能しませんでした。

何か案は?

30
Murhaf Sousli

やってみました btn-block

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

width:100% on

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