Alinear texto con Bootstrap

13/Oct/2013 Bootstrap , 7 Comentarios

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».

Texto alineado a la izquierda.

Texto centrado utilizando «text-center»:

Texto centrado

Y texto alineado a la derecha utilizando «text-right»:

Texto alineado a la derecha.

Como podemos apreciar es muy sencillo alinear texto con Bootstrap.

7 comentarios en “Alinear texto con Bootstrap”

Víctor Cuervo

fran

si, no esta del todo bien explicado como escribirias el codigo, seria media incompleta la informacion, o tal vez se da por descontado que el lector sabe o ya conoce de bootstrap. de todos modos puede servir.

Víctor Cuervo

Víctor Cuervo

Buenas Fran,

Sí, quizás falte algo más de contexto y vaya muy a tiro hecho. La idea es que en la categoría Bootstrap se pueden encontrar ejemplos desde cero para empezar con Bootstrap.

Saludos.

Víctor Cuervo

F

Como hacer que el texto este centrado y hasta el final de la pantalla ??

Víctor Cuervo

anRoswell

Excelente, muchas gracias.

Víctor Cuervo

Doufer

Como Justificar el texto?

class=»text-justify» ?

Víctor Cuervo

alberto chevarria

Saludos. Comprendo la sintaxis pero no puedo justificar ni alinear  a la derecha solo centrar,a que se puede deber? Solo estoy probando con el siguiente codigo:

<p class=»text-right bg-warning»>El Diseño Web es el conjunto de tecnicas y herramientas

digitales que permiten la elaboracion de  sitios y paginas Web. El Diseño Web

es el conjunto de tecnicas y herramientas digitales que permiten la elaboracion

de  sitios y paginas Web.</p>

</div>

y nada.

Víctor Cuervo

Pablo

hay que darle la clase text-right, al div que contiene el p.

¿Algo que nos quieras comentar?

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

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.