Alinear texto con Bootstrap

13/Oct/2013 Bootstrap , 1 Comentario

Alinear texto con Bootstrap es una tarea muy sencilla y que nos hace olvidarnos de todas las "complicaciones" que podríamos tener haciéndolo con CSS.

De esta forma al alinear texto con Bootstrap tenemos tres posibilidades que se explican por si mismas: alinearse a la izquierda, alinearse a la derecha y alinearse al centro.

Y para posibilitarnos estas formas de alinear texto con Bootstrap tenemos tres clases relacionadas: text-left, text-right y text-center. Solo tenemos que utilizar la clase que necesitemos dentro del atributo class del elemento que albergue al texto.

De esta forma tendremos las siguientes codificaciones:

Texto alineado a la izquierda utilizando "text-left".

  1. <p class="text-left">Texto alineado a la izquierda.</p>

Texto centrado utilizando "text-center":

  1. <p class="text-center">Texto centrado</p>

Y texto alineado a la derecha utilizando "text-right":

  1. <p class="text-right">Texto alineado a la derecha.</p>

Como podemos apreciar es muy sencillo alinear texto con Bootstrap.

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

Un comentario en “Alinear texto con Bootstrap”

Víctor Cuervo

Doufer

Como Justificar el texto?

class=”text-justify” ?

Los comentarios están cerrados.