Alinea contenido con Bootstrap

Para la versión 5 lo podemos hacer con estas clases, aplicadas al contenedor:

<div class="form-group text-start">
   <button id="btn-save" type="submit" class="btn btn-primary">Guardar</button>
</div>

“text-star” hace que el contenido se cargue a la izquierda

<div class="form-group text-center">
   <button id="btn-save" type="submit" class="btn btn-primary">Guardar</button>
</div>

“text-center” hace que el contenido se centre

<div class="form-group text-end">
   <button id="btn-save" type="submit" class="btn btn-primary">Guardar</button>
</div>

“text-end” hace que el contenido se cargue a la derecha

También puedes usar las clases “text-left” y “text-right” en algunas versiones cambia su sintaxis pero su función es la misma.

Recuerda que para poder hacer uso de Bootstrap debes integrarlo a tu proyecto

Una respuesta a “Alinea contenido con Bootstrap”

  1. Avatar de Alfonso Ortega
    Alfonso Ortega

    Qué bueno que explicas que hay más de una forma de hacerlo

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Bienvenido

Logo

En es blog encontrarás artículos sobre desarrollo web, tecnologías de la información y marketing digital.
Si te sirvió nuestro contenido déjanos tu comentario.