Как сделать скрол слайда в низ?

Для создания прокрутки слайдов в Bootstrap можно использовать компонент Carousel, который предоставляет множество настроек и опций для управления слайдером.

Для начала убедитесь, что у вас подключена библиотека Bootstrap и версия соответствует вашим потребностям. Затем, чтобы создать слайдер с прокруткой вниз, вам потребуется некоторая разметка HTML и соответствующие стили.

Вот пример кода, который создает прокрутку слайдов вниз в Bootstrap:

HTML:

<div id="carouselExample" class="carousel slide" data-ride="">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="slide1.jpg" alt="Slide 1">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="slide2.jpg" alt="Slide 2">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="slide3.jpg" alt="Slide 3">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

CSS:

.carousel-item {
  height: 100vh; /* Установите желаемую высоту слайда */
}

.carousel-control-prev,
.carousel-control-next {
  top: auto; /* Удалите верхнее смещение кнопок навигации */
  bottom: 0; /* Установите кнопки навигации внизу слайда */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  color: #000; /* Задайте цвет иконок */
  background-color: transparent; /* Удалите фоновый цвет кнопок */
}

Javascript:

$('.carousel').carousel({
  interval: false // Отключите автоматическую прокрутку слайдов
});

Внимание! В данном примере мы используем jQuery для инициализации Carousel и отключения автоматической прокрутки. Убедитесь, что у вас также подключена библиотека jQuery.

Теперь, когда вы скопировали код и добавили свои собственные изображения, вам следует увидеть слайдер с прокруткой слайдов вниз. Вы можете настроить этот пример, добавив свои собственные стили и настройки.