Redimensionner une bannière comme un carrousel

Question

Salut tout le monde donc j'ai des problèmes avec ma bannière dans bootstrap, je ne peux pas redimensionner ma bannière alors que c'est un carrousel, ce qui signifie que si la fenêtre devient plus petite et plus retour ne peut pas trouver un code qui peut aider. voici le code

<div id="myCarousel" class="carousel slide" data-ride="carousel"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators"> 
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
    <li data-target="#myCarousel" data-slide-to="1"></li> 
    <li data-target="#myCarousel" data-slide-to="2"></li> 
    </ol> 
    <div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <img class="first-slide" src="header.png" alt="First slide"> 
     <div class="container"> 
     <div class="carousel-caption"> 
      <h1></h1> 
      <p></p> 
      <p></p> 
     </div> 
     </div> 
    </div> 


    </div> 

toute aide

Answer 1

Je ne suis pas tout à fait sûr de ce que vous essayez de faire, mais pour redimensionner un élément en fonction du pourcentage, vous pouvez utiliser un CSS de base:

#banner { 
 
\t position:absolute; 
 
    background-image: url("media/americ11.jpg"); 
 
    top: 0%; 
 
    width: 100%; 
 
    height: 42%; 
 
    left: 0%; 
 
}

Quand je redimensionnez la fenêtre pour le rendre plus grand ou plus petit, la bannière devenir plus grand ou plus petit. La largeur ne sera pas, cependant, parce que c'est à 100%. J'espère que cela t'aides!