Как реализовать такое с помощю Bootstrap?

Question

[develope1r]

Нужно реализовать этот слайдер с помощю бутстрап

Answer 1

[Михаил Лисецкий]

https://medium.com/wdstack/bootstrap-4-custom-caro... Оно?

Comments

[develope1r]

Привет, чо то не робит(

Answer 2

[Sunflowerz]

Сэр, нельзя с помощью css-фреймворка реализовать js функции которых нет в этом фреймворке.
Там есть карусель https://getbootstrap.com/docs/4.0/components/carousel/.
Функции multi-item карусели там нет...
Но вы можете посмотреть на плагин https://kenwheeler.github.io/slick/ Который решит все ваши проблемы.
Для этого указать

<!-- HEAD -->
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
// Add the new slick-theme.css if you want the default styling
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<!-- AFTER JQ -->
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>

на файл плагина, и оберните фото в div с классом multiple-items

<div class="multiple-items">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>
<script>
$('.multiple-items').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 3
});
</script>