Twitter bootstrap 如何删除或自定义引导转盘中的分页按钮

Twitter bootstrap 如何删除或自定义引导转盘中的分页按钮,twitter-bootstrap,twitter-bootstrap-3,carousel,Twitter Bootstrap,Twitter Bootstrap 3,Carousel,我想删除引导转盘中的默认按钮(或白点)。 是否可以自定义它们 1)防止切换 $('.carousel-indicators li').each(function(){ $(this).carousel('pause'); }); 2) 删除活动类 $('.carousel-indicators .active').removeClass('active') 在隐藏方面,您可以使用CSS将其隐藏。比如说, .carousel-indicators li { visibility: hi

我想删除引导转盘中的默认按钮(或白点)。 是否可以自定义它们

1)防止切换

$('.carousel-indicators li').each(function(){
    $(this).carousel('pause');
});
2) 删除活动类

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

在隐藏方面,您可以使用CSS将其隐藏。比如说,

.carousel-indicators li { visibility: hidden; }

将使所有的点都隐藏起来。

以下内容对我很有用

  • 在css文件bootstrap.min.css中搜索.carousel indicators li

  • 将转盘指示器li的显示设置更改为无

  • 例如:

    从此
    .carousel指示器li{display:inline block;}

    对此
    .carousel指示符li{display:none;}


    点将不再显示。

    我认为编写自己的模板并通过模板url参数添加它的最佳方法。例如:


    只需从传送带声明中删除
    指示器
    部分:

    
    

  • 编写下面提到的CSS代码,以隐藏bootstrap 4.5的上一个/下一个指示器

    .carousel-control-next-icon, .carousel-control-prev-icon{
      display:none;
    }
    

    下面是隐藏指示器的CSS代码

     .carousel-indicators li
    {
      display: none;
    }
    

    但这是JavaScript。。。我可以在没有JavaScript的情况下删除它吗?bootstrap使用jquery。。。我不知道如果不使用jsdotchangebootstrap.min.css文件,您将如何禁用它。(这不是一个很好的编程技巧)只需创建自己的style.css文件并用它编写这些代码行。谢谢!我们将在未来的项目中考虑这一点。
     .carousel-indicators li
    {
      display: none;
    }