Los botones se escriben utilizando la etiqueta de enlace <a>
de HTML y la clase btn
. También están disponibles las clases btn-primary
y btn-outline
para darle un estilo diferente.
Boton normal
<a href="#link" class="btn">Boton por defecto</a>
Boton primario
<a href="#link" class="btn btn-primary">Boton primario</a>
Boton de borde
<a href="#link" class="btn btn-outline">Boton de borde</a>
Boton de borde primario
<a href="#link" class="btn btn-outline btn-primary">Boton de borde primario</a>
Contenedor de botones
Puedes agrupar multiples botones en una misma linea utilizando un contenedor con la clase buttons
como se muestra a continuación:
<div class="buttons">
<a class="btn" href="#link">Boton</a>
<a class="btn" href="#link">Boton</a>
<a class="btn" href="#link">Boton</a>
</div>