css - programacion - div html

botón de arranque: estirar para llenar su espacio contenedor

Question

Estoy usando los botones de arranque, me gustaría estirar el botón desplegable en el medio para llenar el resto del espacio de la barra de herramientas.

HTML (código abreviado):

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

He probado la clase "btn-group-jastified" pero no funcionó en absoluto.

¿algunas ideas?

Answer 1

¿Has probado btn-block ?

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

Y prueba width:100% en

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