So entfernen oder passen Sie die Paginierungsschaltfläche im Bootstrap-Karussell an

Question

Ich möchte die Standardschaltfläche (oder den weißen Punkt) im Bootstrap-Karussell entfernen. Ist es möglich, sie anzupassen?

Answer 1

In Sachen versteckt, können Sie CSS verwenden, um es versteckt zu machen. Beispiel:

.carousel-indicators li { visibility: hidden; } 

würde alle Punkte ausgeblendet werden.

Answer 2

1) verhindern

Schalt

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

2) entfernen Sie die aktive Klasse ..

$('.carousel-indicators .active').removeClass('active') 

Answer 3

Die folgenden für mich

1. Suche arbeitete für .carousel-Indikatoren li in der CSS-Datei bootstrap.min.css

2. Änderung der Anzeige Einstellung für die Karussell- Indikatoren Li bis keine

Beispiel:

von diesem .carousel-indicators li{display:inline-block;}

dieser .carousel-indicators li{display:none;}

Die Punkte nicht mehr angezeigt.

Answer 4

Ich denke, der beste Weg, Ihre eigene Vorlage zu schreiben und fügen Sie sie durch Vorlage-URL Param. Z.B .:

<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>

Answer 5

Entfernen Sie einfach indicators Teil aus Karussell Erklärung:

<!-- 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>