删除Bootstrap Carousel中的箭头 [英] Removing arrows in Bootstrap Carousel

问题描述

这里是我的博客的主页www.lowcoupling.com
我不想在引导旋转木马中显示左右箭头
我试过了

here is the homepage of my blog www.lowcoupling.com I'd like not show the left and right arrows in the bootstrap carousel I have tried

.glyphicon-chevron-right{
     display:none;
}

（左箭头也一样）

(and the same thing for the left arrow) but it does not seem to work.

推荐答案

这将隐藏按钮

.right.carousel-control, .left.carousel-control {
    display: none;
}

如果您仍然希望能够单击按钮的绘制位置：

If you still want to be able to click where the button is drawn, do:

.right.carousel-control, .left.carousel-control {
    opacity: 0;
    filter:alpha(opacity=0); /* IE support */
}

这篇关于删除Bootstrap Carousel中的箭头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！