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: enter image description here

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, 4 meses, 28 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ón indicators establecida en true. Esto habilita los indicadores de carrusel. La opción interval 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