Bootstrap 4 - Estilos para botones II

Continuamos con los estilos de Bootstrap, en esta segunda parte, veremos algunas opciones de tamaño para los botones que nos brinda Bootstrap 4.

Tamaños para los botones de Bootstrap 4

<button type="button" class="btn btn-primary btn-lg">Grande</button>
<button type="button" class="btn btn-primary">Normal</button>
<button type="button" class="btn btn-primary btn-sm">Pequeño</button>

Resultado

Por supuesto, puedes hacer estos tamaños con cualquiera de los estilos mostrados en el capítulo anterior:

<button type="button" class="btn btn-primary">Primario</button>
<button type="button" class="btn btn-secondary btn-lg">Secundario</button>
<button type="button" class="btn btn-success btn-sm">Éxito</button>
<button type="button" class="btn btn-danger btn-lg">Peligro</button>
<button type="button" class="btn btn-warning btn-lg">Advertencia</button>
<button type="button" class="btn btn-info" btn-sm>Info</button>
<button type="button" class="btn btn-light">Claro</button>
<button type="button" class="btn btn-dark btn-lg">Oscuro</button>

Resultado

En el siguiente capítulo veremos los últimos estilos de botones para Bootstrap 4 para poder seguir avanzando en el curso.