html - Twitter Bootstrap のカルーセルの「次へ」と「前へ」の矢印をカスタマイズする

Question

私は Twitter Bootstrap の初心者です。ページの中央にカルーセル ライトボックスを配置しようとしました。そのためにcssを編集しました。ただし、「次へ」と「前へ」の矢印の位置を編集する場所が見つかりませんでした。

これが私のページです。 http://www.nienyiho.com/portfolio

Answer 1

正確に 54 と 74 で見つからない場合に備えて、bootstrap.css ファイルの関連セクションをいくつか示します。

.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 行目にあります。