42

ブートストラップ ボタンを使用しています。ドロップダウン ボタンを真ん中に伸ばして、残りのツールバー スペースを埋めたいと思います。

ここに画像の説明を入力

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

何か案は？

4

1 に答える 1

101

試しましたbtn-blockか？

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

width:100%そして試着

<div class="btn-group" style="width:100%">
于 2014-06-15T09:56:00.160 に答える