2.1.4. Botones

Bootstrap aporta diversas clases para dar estilo a los botones. Un botón tiene la sintaxis:

<button type='button' class=''> Mensaje </button>

Estilo de botones en Bootstrap 3
Botón Clase Descripción
Por defecto
Primarios btn btn-primary
Acciones positivas btn-success
Información btn btn-info
De aviso btn btn-warning
Alarma btn btn-danger

Además puede proporcionar un tamaño a dichos botones mediante las siguientes clases

Tamaño del botón
Clase Efecto Efecto visual
btn-xs Botón extra pequeño
btn-xm Botón pequeño
btn-lg Botón grande

Grupos de botones

Bootstrap le permite agrupar una serie de botones a la vez ( en una sola línea ) en un grupo de botones.

See the Pen BjGvZm by JOSE (@albatros) on CodePen.

Aplique la clase tamaño de botón al grupo para tener un tamaño homogéneo de botones


Grupo de botones verticales

Use la clase .btn-group-vertical

See the Pen xZQMgq by JOSE (@albatros) on CodePen.

Botones justificados al ancho del contenedor

Use las clases btn-group btn-group-justified

See the Pen wMQNeO by JOSE (@albatros) on CodePen.

Dropdown Menus

Un menú es un recurso que aparece en muchas páginas web, Bootstrap proporciona varias formas de implementarlo

See the Pen mVQoVZ by JOSE (@albatros) on CodePen.


Split Button Dropdowns

See the Pen MKzRgB by JOSE (@albatros) on CodePen.