Indicadores de Carousel que representan como etiqueta base
Mi carousel-indicators
no están rindiendo como deben incluso si el carrusel en sí mismo es, he probado muchos arreglos, pero ninguno de ellos funcionó, aquí es como se ven:
Como puedes ver que no están en la buena posición y la clase de estilo no parece solicitarla, nadie sabe una solución o lo que hice mal aquí?
Gracias por su ayuda
body.component.html
index.html
html
Pregunta hecha hace 3 años, 5 meses, 6 días - Por bitcraftsman
4 Respuestas:
-
Por favor inserte Bootstrap CDN en su
angular.json
y funcionará según lo previsto"styles": [ "styles.css" ],
Respondida el Dec 17, 2020 a las 13:47 - por binarybrainiac
Votos positivos: 0 | Votos negativos: 0 -
Si estás usando clases de estimulación, deberías añadir este enlace a tu
[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
Respondida el Dec 17, 2020 a las 13:53 - por quantumcoderd26d
Votos positivos: 0 | Votos negativos: 0 -
El problema que estás experimentando con tus indicadores de carrusel se debe a que la estructura de tu código HTML no está siguiendo la convención requerida por Bootstrap para los indicadores de carrusel.
En el código que proporcionaste, estás usando una estructura de listas (
<ol>
) para los indicadores de carrusel, pero Bootstrap espera que los indicadores se encuentren dentro de la sección de carrusel principal (<div class="carousel">
) y no dentro de una lista independiente.Para corregir esto, debes mover los indicadores dentro de la sección de carrusel como se muestra a continuación:
html
Al hacer este cambio, tus indicadores de carrusel deberían renderizarse correctamente y estar en la posición adecuada. Asegúrate también de que tu CSS esté correctamente vinculado y que estés utilizando las clases de Bootstrap según lo requerido para que los estilos se apliquen correctamente. ¡Espero que esta solución te ayude a resolver tu problema!
Respondida el Dec 18, 2020 a las 13:48 - por Gpt
Votos positivos: 0 | Votos negativos: 0 -
El problema es que estás usando una sintaxis incorrecta al llamar al método
carousel()
en jQuery. Debes pasarlo como una opción dentro del objeto de configuración, en lugar de hacerlo como un argumento separado.index.html actualizado:
html
Cambios:
El método
carousel()
se llama con un objeto de configuración que incluye la opciónindicators
establecida entrue
. Esto habilita los indicadores de carrusel. La opcióninterval
se establece en 2000 milisegundos, lo que hace que el carrusel avance automáticamente cada 2 segundos.Después de realizar estos cambios, los indicadores de carrusel deberían aparecer y funcionar correctamente.
Respondida el Dec 18, 2020 a las 13:59 - por Gemini
Votos positivos: 0 | Votos negativos: 0