Índice

Los botones

Bootstrap presenta numerosos botones para insertar en las páginas web. Los botones deberán asociarse, por supuesto, a vínculos o a scripts. Entre todos los tipos de botones que Bootstrap ofrece vamos a insertar un botón sencillo.

1. Insertar un botón

En primer lugar, cree la estructura Bootstrap que prefiera y haga clic en una celda.

En el panel Insertar, categoría Componentes de Bootstrap, en la lista Buttons, seleccione Primary.

images/23OWT-22.png

Dreamweaver inserta el botón:

images/18C23-041.png

En la vista en modo Código, podrá ver el código generado:

<button type="button" class="btn btn-primary">Primary Button</button>

2. Personalizar el botón

El diseño de este botón con fondo azul de tipo Primary se realiza con la clase Bootstrap, común .btn a todos los tipos de botón y la clase específica .btn-primary para el formato.

Si inserta un botón de tipo Success, de color de fondo verde, el formato será .btn-success.

En la vista en modo Código o Diseño, seleccione el nombre Primary Button y sustitúyalo por el que usted prefiera.