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.

Un comentario en “Alinear texto con Bootstrap”

Víctor Cuervo

Doufer

Como Justificar el texto?

class=”text-justify” ?

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*