web-dev-qa-db-fra.com

bootstrap bouton: étirer pour remplir son espace conteneur

J'utilise des boutons bootstrap, je voudrais étirer le bouton déroulant au milieu pour remplir le reste de l'espace de la barre d'outils.

enter image description here

HTML (code abrégé):

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

J'ai essayé la classe "btn-group-jastified" mais cela n'a pas fonctionné du tout.

des idées?

30
Murhaf Sousli

As-tu essayé btn-block?

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

Et essaye width:100% sur

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