Ver índice de contenidos del libro

6.10. Etiquetas

Ejemplo:

<h3>
    Lorem ipsum dolor sit amet
    <span class="label label-default">Nuevo</span>
</h3>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Etiquetas en Bootstrap 3

Figura 6.41 Etiquetas en Bootstrap 3

6.10.1. Tipos de etiquetas

Añade cualquiera de las siguientes clases CSS específicas para modificar el tipo de etiqueta que se muestra. Ejemplo:

<span class="label label-default">Por defecto</span>
<span class="label label-primary">Principal</span>
<span class="label label-success">Éxito</span>
<span class="label label-info">Información</span>
<span class="label label-warning">Aviso</span>
<span class="label label-danger">Peligro</span>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Tipos de etiquetas en Bootstrap 3

Figura 6.42 Tipos de etiquetas en Bootstrap 3