Tengo un problema con el carousel de bootstrap 4, no puedo ajustarlo, no dispongo de tantos conocimientos en css, si alguien me puede orientar lo agradezco.
voy a dejar fragmento del código.
<div id="recipeCarousel" class="carousel slide w-100" data-ride="carousel">
<div class="carousel-inner w-100" role="listbox">
<div class="carousel-item row no-gutters active">
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/Tennant.png"></div>
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/PioneerEclipseLogo.jpg"></div>
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/bet.png"></div>
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/Kawasaki_Logo.jpg"></div>
</div>
<div class="carousel-item row no-gutters">
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/Aztec.png"></div>
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/advance.png"></div>
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/clarke.png"></div>
<div class="col-3 float-left"><img class="img-fluid" src="img/suppliers/viper.png"></div>
</div>
</div>
<a class="carousel-control-prev" href="#recipeCarousel" 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="#recipeCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
ese es el código que estoy usando, voy a adjuntar unas fotos del problema que tengo.
se crea ese espacio en medio y las flechas para pasar el slider se pasan abajo. voy a dejar el link con parte del código, agradezco toda ayuda.
http://www.mediafire.com/file/aw5mqayz5nrif0s/subir.rar
Agradezco cualquier consejo amigos.
height
de un tamaño en específico y por eso se ve así. Prueba a darle unheight
determinado que vaya bien con el tamaño de tus imágenes