Bootstrap carrousel de style de la pagination des points

J'ai un Bootstrap 3 carrousel qui dispose de 3 images avec un fond blanc. Ma pagination points sont perdus maintenant, étant donné qu'ils ont une bordure blanche transparente centre (dans mon cas, le blanc aussi). Comment puis-je utiliser les CSS pour le style de ces pour une couleur plus foncée? Merci à l'avance!

Voici mon manège intérieur (assez standard):

   <div class="carousel-inner">
     <div class="item active">
       <img src="images/img1.png" alt="img1">
       <div class="carousel-caption">
         <h3>...</h3>
       </div>
     </div>

     <div class="item">
       <img src="images/img2.png" alt="img2">
       <div class="carousel-caption">
         <h3>...</h3>
       </div>
     </div>

     <div class="item">
       <img src="images/img3.png" alt="img3">
       <br>
       <div class="carousel-caption">
         <h3>...</h3>
       </div>
     </div>
   </div>
InformationsquelleAutor settheline | 2014-03-27
  1. 5

    En regardant le balisage que vous avez fourni, je ne vois pas les indicateurs. Assurez-vous que vous avez le balisage suivant présente dans votre diaporama.

    <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>

    Modifier le code de couleurs, vous aurez besoin de le changer dans deux endroits différents. La première est l'indicateur de couleur qui va changer toutes. La deuxième est la couleur de l'indicateur pour la diapositive active.

    .carousel-indicators li {
    background: #ccc;
}

.carousel-indicators .active {
    background: #666;
}
    • Ah je ne savais pas que ce sont les indicateurs que je cherchais. Je ne les ont, mais ils ne sont pas dans carousel-inner. Votre solution a fonctionné parfaitement, merci.
    InformationsquelleAutor Hughes