Los botones se escriben utilizando la etiqueta de enlace <a> y la clase btn como se muestra a continuación:

<a class="btn" href="#link">Default</a>
Botón por defecto

Estilos de botones #

Puedes obtener distintos estilos de botón utilizando las clases btn-primary y btn-outline como se muestra a continuación:

<a class="btn btn-primary" href="#link">Primary</a>
Botón de color de acento configurado en el tema
<a class="btn btn-outline" href="#link">Outline</a>
Botón diseñado con bordes
<a class="btn btn-primary btn-outline" href="#link">Primary Outline</a>
Botón diseñado con bordes y acento del tema

Contenedor de botones #

Puedes agrupar multiples botones en una misma linea utilizando el un contenedor con la clase buttons como se muestra a continuación:

<div class="buttons">
  <a class="btn" href="#link">Default</a>
  <a class="btn" href="#link">Default</a>
  <a class="btn" href="#link">Default</a>
</div>
Grupo de botones