
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.
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
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.
F
Como hacer que el texto este centrado y hasta el final de la pantalla ??
anRoswell
Excelente, muchas gracias.
Doufer
Como Justificar el texto?
class=»text-justify» ?
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.
Pablo
hay que darle la clase text-right, al div que contiene el p.