Tag: BOOTSTRAP-5
Estaba pensando en cómo arreglar los siguientes botones en Bootstrap. Quiero que ambos botones estén en la parte inferior de la tarjeta y también tengan un pequeño espacio entre ellos, tal vez 5 píxeles. Aquí está mi código: “` <div class="container"> <div class="row" style="margin-bottom: 20px;"> <pre><code> <div class="col-lg-4 d-flex align-items-stretch"> . . . Read more
Hoy comencé a usar Bootstrap 5. No puedo crear un diseño de tres columnas apiladas (box-1, box-2, y box-3) una encima de la otra tomando el 100vh. Aquí adjunto una versión redactada del código a continuación, realmente son tres cajas apiladas unas encima de las otras. Puedo lograr esto con . . . Read more
Recientemente actualicé a Bootstrap 5.1 y ahora tengo el problema de que las descripciones emergentes (tooltips) ya no se posicionan como lo hacían en la versión 4.6. ¿Qué puedo hacer? Ya intenté con data-bs-placement, pero eso es ignorado en el elemento cercano al borde. Bootstrap 4.6 (demo): Bootstrap 5.1 (demo):
Pensé que era posible establecer espaciado (margen/padding) por punto de quiebre en Bootstrap 5. Algo como mb-sm-2 parece no funcionar… ¿Debería…? He revisado la documentación pero realmente no entiendo lo que dice, parece que se admiten los puntos de quiebre… 🤷♂️ Imagen de ilustración de las anotaciones de espaciado en . . . Read more
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; Actualmente esto utiliza un ícono externo. Necesito utilizar una imagen específica de mi disco local – /images/icon/svg que cambia . . . Read more