Olá a todos sou iniciante em Bootstrap, e estou desenvolvendo um carousel no boostrap, só que ao invés de mostrar apenas uma imagem gostaria que mostrasse 3, como na imagem abaixo. Como que eu poderia estar fazendo isso
Código
<div class="container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="https://via.placeholder.com/350x150" alt="Primeiro Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://via.placeholder.com/350x150" alt="Segundo Slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://via.placeholder.com/350x150" alt="Terceiro Slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<img src="img/seta_e.png">
<span class="sr-only">Anterior</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<img src="img/seta_l.png">
<span class="sr-only">Próximo</span>
</a>
</div>
</div>