Echa un vistazo al siguiente ejemplo.

Enlace a Bootply

Quiero que el <a> etiqueta además de Button 2.

OriginalEl autor user2281858 | 2014-06-14

1 Comentario

  1. 5

    Bootstrap utiliza 12 de la columna de la cuadrícula. Ahora dos botones de ocupar todo el espacio disponible (ambas de 6-ancho de la columna) no dejando espacio para la tercera. Usted puede crear la disposición de sus botones como 5+5+2 columnas. Por ejemplo:

    <div class="col-md-6 col-md-offset-2">
        <button type="submit" class="btn btn-default btn-md col-md-5">Button 1</button>
        <button type="reset" class="btn btn-default btn-md col-md-5">Button 2</button>
        <a href="#" class="btn btn-default btn-md col-md-2"><span class="glyphicon glyphicon-search"></span></a>
    </div>

    Demo: http://www.bootply.com/RAqyEiTp1i

    Desea colocar el tercer botón fuera de la fila de contenedores, se puede colocar absolutamente relativamente a la col grupo:

    <a href="#" class="btn btn-default btn-beside"><span class="glyphicon glyphicon-search"></span></a>

    CSS:

    .btn-beside {
        position: absolute;
        left: 100%;
        top: 0;
        margin-left: -10px;
    }

    Demo: http://www.bootply.com/5n3y1uZDng

    que podría haber funcionado si yo hubiera querido que todos los 3 botones para estar dentro de el tamaño de el anterior cuadro de texto. Quiero que el <a> etiqueta, además de la actual, el botón 2.
    Ver respuesta actualizada.
    uno de los problemas es que, en modo móvil el botón 3 desplazado.

    OriginalEl autor dfsq

Dejar respuesta

Please enter your comment!
Please enter your name here