Comment faire pour supprimer ou de personnaliser la pagination bouton dans le Bootstrap carrousel

Je voudrais supprimer le bouton par défaut (ou point blanc) dans le Bootstrap carrousel.
Est-il possible de les personnaliser?

Comment faire pour supprimer ou de personnaliser la pagination bouton dans le Bootstrap carrousel

InformationsquelleAutor Asme Just | 2014-02-23
  1. 26

    En termes de sa cachette, vous pouvez utiliser les CSS pour le rendre cachés. Par exemple,

    .carousel-indicators li { visibility: hidden; }

    que tous les points soient cachés.

    InformationsquelleAutor Gavin Ching
  2. 3

    Je pense que la meilleure façon de rédiger votre propre modèle et l'ajouter par modèle param url. E. g.:

    HTML:

    <div class="carousel-inner" ng-transclude></div>
<a role="button" 
   href 
   class="left carousel-control" 
   ng-click="prev()" 
   ng-class="{ disabled: isPrevDisabled() }" 
   ng-show="slides.length > 1">
    <span aria-hidden="true" 
          class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">previous</span>
</a>
<a role="button" 
   href 
   class="right carousel-control" 
   ng-click="next()" 
   ng-class="{ disabled: isNextDisabled() }" 
   ng-show="slides.length > 1">
    <span aria-hidden="true" 
          class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">next</span>
</a>

    • Merci! Pensez en ce pour de futurs projets.
    InformationsquelleAutor Dimitri Schultheis
  3. 1

    La suite travaillé pour moi

    1. de recherche pour .carrousel-indicateurs li dans le fichier css de bootstrap.min.css

    2. changer le affichage réglage pour la carrousel-indicateurs li à aucun

    exemple:

    de cette .carousel-indicators li{display:inline-block;}

    à ce .carousel-indicators li{display:none;}

    Les points ne seront plus affichés.

    • Ne changez pas de bootstrap.min.css fichier. ( ce n'est pas une bonne compétence de programmation ) vient de réaliser votre propre le style.css fichier et écrire ces ligne de code dans que.
    InformationsquelleAutor user3526416
  4. 1

    Juste enlever indicators partie de carrousel déclaration:

    <!-- Indicators -->
<ol class="carousel-indicators">
  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  <li data-target="#myCarousel" data-slide-to="1"></li>
  <li data-target="#myCarousel" data-slide-to="2"></li>
  <li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
    InformationsquelleAutor valex
  5. 0

    1) d'empêcher le passage des

    $('.carousel-indicators li').each(function(){
    $(this).carousel('pause');
});

    2) supprimer la classe active..

    $('.carousel-indicators .active').removeClass('active')
    • mais c'est du JavaScript... puis-je le supprimer sans JavaScript?
    • bootstrap utilise jquery... je ne sais pas comment vous le désactiver sans l'aide de js
    • Vous pouvez réécrire le carrousel de la classe vous-même ou de le modifier dans le bootstrap...
    InformationsquelleAutor Seth McClaine