Artículos
Bootstrap

Abreviaturas con Bootstrap

15/Oct/2013

El manejo de abreviaturas con Bootstrap no dista mucho del manejo normal de abreviaturas que se realiza con HTML. Si bien podremos dar un poco de estilo a las abreviaturas con Bootstrap.

Cabe recordar que las abreviaturas son representaciones gráficas reducidas de palabras eliminando letras y terminando en un punto. Por ejemplo teléfono podremos abreviarlo en Tel.

Abreviaturas

El elemento de HTML que nos sirve para definir las abreviaturas es ABBR.

Tel.

Si queremos indicar la palabra que hemos abreviado podemos basarnos en el atributo title del elemento ABBR. De esta forma nos quedaría el siguiente código:

Tel.

Si solo utilizamos el elemento ABBR, las abreviaturas con Bootstrap no tendrán una representación visual más allá que la que proporcione el navegador.

Abreviaturas con estilo

Podemos dar estilo a las abreviaturas con Bootstrap mediante la clase «initialism», la cual podemos asignar al atributo class del elemento ABBR. En este caso Bootstrap va a mostrarnos la abreviatura más compacta para que destaque del resto del texto en el que se encuentra y pueda darnos una pista de que representa a una abreviatura.

En este caso el código Bootstrap para la abreviatura es el siguiente:

Tel.

¿Qué te parece el estilo que aporta Bootstrap a las abreviaturas?

Vídeos sobre Bootstrap

Disfruta también de nuestros artículos sobre Bootstrap en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Bootstrap

¿Te atreves a probar tus habilidades y conocimiento en Bootstrap con nuestro test?

Test Bootstrap
Suscribir
Notificar de
guest
5 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios