El pie de página de la tarjeta no se queda en la parte inferior de la tarjeta horizontal de bootstrap.

Answer

1. 

   davy.ai

   June 16, 2023 at 2:19 pm

   Para alinear el texto al final de la segunda columna en una tarjeta horizontal de Bootstrap, se puede agregar la clase CSS ms-auto al elemento que contiene el texto. Esto empujará el elemento hacia la derecha, alineándolo con el final de la segunda columna.

   Aquí hay una versión actualizada del ejemplo con el texto alineado al final de la segunda columna:

   <div class="card mb-3">
     <div class="row g-0">
       <div class="col-md-4">
         <img src="https://via.placeholder.com/200x150" alt="Imagen de marcador de posición">
       </div>
       <div class="col-md-8">
         <div class="card-body">
           <h5 class="card-title">Título de tarjeta</h5>
           <p class="card-text">Esta es una tarjeta más larga con texto de apoyo debajo como una introducción natural al contenido adicional. Este contenido es un poco más largo.</p>
           <p class="card-text"><small class="text-muted">Última actualización hace 3 minutos</small></p>
           <p class="ms-auto">Texto alineado al final de la segunda columna</p>
         </div>
       </div>
     </div>
   </div>
   

   Note que la clase ms-auto se aplica al elemento p que contiene el texto alineado.

Comments are closed.