Как в bootstrap4 сделать карусель из 3 элементов?

Для создания карусели из 3 элементов в Bootstrap 4 можно использовать компонент Carousel. Вот подробная инструкция по созданию такой карусели.

1. Подключите необходимые файлы Bootstrap 4 к вашей странице. Это можно сделать с помощью ссылки на файлы CSS и JS, или с использованием пакетного менеджера, такого как npm или yarn.

2. Создайте структуру HTML для карусели. Вся карусель должна быть заключена в тег <div> с классом carousel.

<div id="carouselExample" class="carousel slide">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <!-- контент первого слайда -->
    </div>
    <div class="carousel-item">
      <!-- контент второго слайда -->
    </div>
    <div class="carousel-item">
      <!-- контент третьего слайда -->
    </div>
  </div>
</div>

3. Установите класс carousel-item у каждого слайда. У первого слайда также должен быть класс active, чтобы он отобразился первым при загрузке страницы.

4. Добавьте кнопки управления для переключения между слайдами.

<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>

5. Инициализируйте карусель с помощью JavaScript.

$('#carouselExample').carousel();

Это позволит вам переключать слайды при помощи кнопок управления.

6. Опционально, вы можете добавить индикаторы для показа текущего слайда.

<ol class="carousel-indicators">
  <li data-target="#carouselExample" data-slide-to="0" class="active"></li>
  <li data-target="#carouselExample" data-slide-to="1"></li>
  <li data-target="#carouselExample" data-slide-to="2"></li>
</ol>

7. Если вы хотите изменить внешний вид карусели, вы можете использовать CSS. Добавьте свои стили или измените классы Bootstrap по вашему усмотрению.

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