La hauteur carousel de Boostrap

Par Legende, il y a 8 ans


Les bases HTML/CSS

Bonjour,
j'ai un problème concernant la hauteur de mon carousel .

Dans mon fichier css seule la modification de la largeur est pris en compte .

Code HTML:

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <img class="d-block img-fluid" src="resources/slider1.jpg" alt="First slide"> </div> <div class="carousel-item"> <img class="d-block img-fluid" src="resources/slider2.jpg" alt="Second slide"> </div> <div class="carousel-item"> <img class="d-block img-fluid" src="resources/slider3.jpg" alt="Third slide"> </div> </div> </div>

Code CSS:

#carouselExampleControls { height:10%; }

Je voudrais réduire la hauteur de mon carousel .

4 réponses

Lartak, il y a 8 ans

Bonjour.
Je crois bien que tu te trompe, height correspond à la hauteur et non à la largeur.
Pour la largeur c'est width que tu dois utiliser.
height
width

Legende, il y a 8 ans

Pour moi :
Height = largeur ↨
Width = longueur ↔

Legende, il y a 8 ans

Ah oui merci ^^ pour la remarque . J'ai corrigé mon topic.