Artículos
Bootstrap

Texto marcado en Bootstrap

02/Ago/2015

Una de las utilidades tipográficas que nos ofrece Bootstrap, dentro de las muchas que podemos encontrar en el manejo del texto, es la capacidad de crear un texto marcado en Bootstrap.

Pero, ¿qué es un texto marcado en Bootstrap? Pues un texto marcado viene a ser un texto que está resaltado dentro de un párrafo, al cual quieras dar cierta relevancia. Es lo mismo que si en una hoja de papel con texto escrito subrayas parte del texto con un subrayador fluorescente.

Y lo del subrayador fluorescente no está muy lejos de la idea del texto marcado en Bootstrap, ya que el estilo por defecto que nos ofrece es un marcado amarillo fluorescente, es decir, igual que si hubiesemos pasado el subrayador.

Pero, ¿qué debería de marcar en el texto? Pues deberías de marcar aquellas partes que creas que son relevantes. Digamos que sería una alternativa a poner un texto en negrita. En muchas webs de informática y programación se utiliza para remarcar comandos o sentencias de un lenguaje de programación en concreto. La misma web de Bootstrap lo utiliza.

Pero vayamos a resolver cómo tenemos que hacer para poder tener un texto marcado en Bootstrap. La solución es bien sencilla ya que el framework se apoya en la etiqueta HTML5 mark es un nuevo elemento del lenguaje HTML5 que no existía en versiones previas del lenguaje. Y que al fin y al cabo viene a servir para remarcar un texto. Es por ello que Bootstrap no se ha comido mucho la cabeza y ha apostado por reutilizar el estilo para ese elemento.

Si queremos utilizarlo en nuestra página web deberíamos de escribir lo siguiente:

texto marcado

Y un ejemplo del texto marcado en Bootstrap podría ser el siguiente:

La utilización de los atributos background-color y color dentro del selector CSS nos ayudan a dar color al elemento.

Esté código nos proporcionaría una salida parecida a:

La utilización de los atributos background-color y color dentro del selector CSS nos ayudan a dar color al elemento.

Como se puede observar es muy sencillo marcar texto en Bootstrap. Ahora ya solo tienes que utilizar el elemento mark dentro de tus páginas web.

Código Fuente

Descárgate el código fuente de Texto marcado en Bootstrap
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

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
0 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios