Tag: BOOTSTRAP-5
Intento usar popover de bootstrap 5, que funciona muy bien. // application.js document.addEventListener(“DOMContentLoaded”, function(event) { // Habilitar popovers var popoverTriggerList = [].slice.call(document.querySelectorAll(‘[data-bs-toggle=”popover”]’)) var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { return new bootstrap.Popover(popoverTriggerEl) }) // Habilitar tooltips var tooltipTriggerList = [].slice.call(document.querySelectorAll(‘[data-bs-toggle=”tooltip”]’)) var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }) }); . . . Read more
Este es el código que he escrito esta mañana, quiero pasar las tarjetas de audio a una línea horizontal en Bootstrap 5, pero no puedo. Por favor, ayúdame a hacer eso. Cuando agrego “col-4” dentro de “col”, no cambia nada. ¿Cómo puedo hacer esto? {% for audio in songs %} . . . Read more
Bootstrap 5 permite utilizar la clase .col para mostrar columnas de ancho igual, pero no encuentro una manera de usarlo solo en el escritorio y asignar 6 columnas en dispositivos móviles. Intenté hacer esto pero no funciona: <div class=”container”> <div class=”row”> <div class=”col-xs-6 col-sm-6 col-md-6 col-lg”> Columna </div> <div class=”col-xs-6 . . . Read more
Tengo un problema divertido en Bootstrap 5.0.2. Tengo que hacer doble clic en el botón (data-bs-dismiss) para cerrar el modal. Nota importante: Uso muchos modales en la página, pero se abren según sea necesario. calificaciones
Estoy usando Bootstrap en mi proyecto y me gustaría cambiar la variable body-bg en función de las preferencias de color del sistema del usuario. Esta es la valor inicial: $body-bg: #fff; Estoy intentando cambiarlo usando esta consulta de medios: @media (prefers-color-scheme: dark) { $body-bg: #000; } Pero no funciona. ¿Hay . . . Read more