Html 在 Twitter Bootstrap 的 Carousel 中自定义“下一个”和“上一个”箭头
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/11259943/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Customizing "next" and "previous" arrow in Carousel of Twitter Bootstrap
提问by lavitanien
I'm new beginner of Twitter Bootstrap. I tried to place a Carousel lightbox at the center of my page. I edited css to do so. However, I found no where to edit the location of "next" and "previous" arrow.
我是 Twitter Bootstrap 的新手。我试图在我的页面中央放置一个旋转木马灯箱。我编辑了 css 来这样做。但是,我找不到可以编辑“下一个”和“上一个”箭头位置的地方。
Here's my page. http://www.nienyiho.com/portfolio
采纳答案by frontendzzzguy
If you want to edit it using the CSS (I assume you do) then it can be found on lines 54 and 74 of bootstrap-carousel.css
如果你想使用 CSS 编辑它(我假设你这样做),那么它可以在 bootstrap-carousel.css 的第 54 和 74 行找到
回答by KyleMit
Here are some relevant sections from the bootstrap.css file in case you can't find it on exactly 54 and 74
以下是 bootstrap.css 文件中的一些相关部分,以防您在 54 和 74 上找不到它
.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '39';
}
.carousel-control .icon-next:before {
content: '3a';
}