引导 4 轮播如何在幻灯片和响应中获取控件

Question

我正在尝试弄清楚如何在幻灯片内获取控件，同时使其响应。我已经将边距左右设置为适当的像素，使其处于完美位置，但是当我检查它是否响应时，它最终会根据分辨率出现在不同的位置。

这是我的代码https://codepen.io/andysaurusrex/pen/roPmOq

.HTML

  <div>
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
  </div>
  <div>
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
  </div>
</div>

.CSS

.carousel-inner img {
    margin: auto;
}
/* .carousel-control-prev {
    margin-left: 425px;
}
.carousel-control-next {
    margin-right: 425px;
} */

有没有办法处理这个？

提前致谢

Answer 1

.carousel-inner img {
  max-width: 100%;
}
.carousel {
  max-width: 800px;
  margin: 0 auto;
}

。会做到的。笔： https://codepen.io/andrei-gheorghiu/pen/JwxJKb