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.
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?
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%">