如何刪除或自定義Bootstrap輪播中的分頁按鈕

我想要刪除Bootstrap輪播中的默認按鈕（或白點）。是否可以自定義它們？從切換如何刪除或自定義Bootstrap輪播中的分頁按鈕

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

enter image description here

來源

2014-02-23 Asme Just

躲在方面，你可以使用CSS來隱藏它。例如，

.carousel-indicators li { visibility: hidden; }

將使所有的點被隱藏。

來源

2014-07-26 01:43:50

1）防止）清除活性類..

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

來源

2014-02-23 19:27:27

但是這是JavaScript的...我可以刪除它沒有JavaScript？ –

bootstrap使用jquery ...我不知道如何禁用它，而不使用js –

您可以自己重寫傳送帶類或在bootstrap中修改它... –

以下爲我工作

搜索.carousel指標裏在CSS文件bootstrap.min.css
變化顯示設置爲carousel-指標li至無

例如：

從這個.carousel-indicators li{display:inline-block;}

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

圓點將不再被顯示。

來源

2015-10-28 13:24:07 user3526416

不要更改** bootstrap.min.css **文件。（它不是一個好的編程技巧）只需製作你自己的** style.css **文件並在其中編寫這些代碼行。 – SHAZ

我認爲最好的方式來編寫自己的模板，並通過template-url參數添加它。例如： -

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

來源

2016-07-26 14:19:53

謝謝！將來爲未來的項目考慮這一點。 –

只是刪除indicators部分從傳送帶聲明：

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

來源

2017-03-31 16:39:10 valex

如何刪除或自定義Bootstrap輪播中的分頁按鈕

回答

相關問題