在Twitter Bootstrap的Carousel中自定义“next”和“previous”箭头

Question

我是Twitter Bootstrap的新手。我试图在我的页面中央放置一个Carousel灯箱。我编辑了css这样做。但是，我找不到在哪里编辑“下一个”和“上一个”箭头的位置。

这是我的页面。 http://www.nienyiho.com/portfolio

Answer 1

以下是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: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

Answer 2

如果你想用CSS编辑它（我假设你这样做），那么可以在bootstrap-carousel.css的第54和74行找到它