How to implement this with Bootstrap?

Question

Slider

You need to implement this slider using bootstrap

here are the pictures:
https://imgur.com/a/hmnb2hz

Answer 1

https://medium.com/wdstack/bootstrap-4-custom-caro... Is it?

Answer 2

Sir, you cannot implement js functions with the help of a css framework that are not in this framework.
There's a carousel there https://getbootstrap.com/docs/4.0/components/carousel/.
The multi-item carousel functionality is not there...
But you can look at the plugin https://kenwheeler.github.io/slick/ which will solve all your problems.
To do this, specify

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

to the plugin file, and wrap the photo in a div with the class 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>