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

Responder a Alfonso Ortega Cancelar respuesta

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.