Bootstrap 4 Карусель, как получить управление в слайде и реагировать - PullRequest
Новая
       10

Bootstrap 4 Карусель, как получить управление в слайде и реагировать

0 голосов
/ 15 января 2019

Я пытаюсь выяснить, как получить элементы управления внутри слайда и в то же время сделать его отзывчивым. Я установил это поле влево и вправо для соответствующих пикселей, чтобы оно было в идеальном месте, но когда я проверяю, является ли оно отзывчивым, оно заканчивается в разных местах в зависимости от разрешения.

Вот мой код 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;
} */

Есть ли способ работать с этим?

Заранее спасибо

1 Ответ

0 голосов
/ 15 января 2019 

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

... сделаю это. Ручка: https://codepen.io/andrei-gheorghiu/pen/JwxJKb

...