イメージがあること

Question

は、私は100％の幅で正常に動作しているブートストラップカルーセルを使用していますブートストラップカルーセルにリサイズされていませんが、私は自分のコードが

<div id="myCarousel" class="carousel slide" data-ride="carousel" style="max-width:1000px;height:360px;"> 
    <!-- Indicators --> 
    <ol class="carousel-indicators" style="display: none;"> 
     <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> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner"> 

     <div class="item active"> 
     <img src="images/9.jpg" alt="Los Angeles" style="max-width:1000px;height:360px;"> 
     <div class="carousel-caption"> 
      <h3>Los Angeles</h3> 
      <p>LA is always so much fun!</p> 
     </div> 
     </div> 

     <div class="item"> 
     <img src="images/10.jpg" alt="Chicago" style="max-width:1000px;height:360px;"> 
     <div class="carousel-caption"> 
      <h3>Chicago</h3> 
      <p>Thank you, Chicago!</p> 
     </div> 
     </div> 

     <div class="item"> 
     <img src="images/11.jpg" alt="New York" style="max-width:1000px;height:360px;"> 
     <div class="carousel-caption"> 
      <h3>New York</h3> 
      <p>We love the Big Apple!</p> 
     </div> 
     </div> 
     </div> 

<!-- Left and right controls --> 
    <a class="left carousel-control" href="#myCarousel" data-slide="prev"> 
     <span class="glyphicon glyphicon-chevron-left"></span> 
     <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#myCarousel" data-slide="next"> 
     <span class="glyphicon glyphicon-chevron-right"></span> 
     <span class="sr-only">Next</span> 
    </a> 
    </div> 

ある

それの高さと幅を小さくする必要があります

は今、私は私の願望の高さを取得していますが、画像は、それは私にそのような結果を与えているショットあなたは、この画面で見ることができるように所定の幅にストレッチされていない

https://screenshots.firefox.com/IjKqguGjIUp4pgY0/localhost

Answer 1

画像の幅を100%に設定します。以下のようにコードを更新してください。ブートストラップで

<img src="images/9.jpg" alt="Los Angeles" style="width:100%; max-width:1000px;height:360px;"> 

Answer 2

イメージは.imgの流体との反応作られています。最大幅： 100％;高さ：自動;画像に適用され、 を親要素で拡大/縮小します。

あなたは次のように.imgの流体を使用することができます上記

<img src="..." class="img-fluid" alt="Responsive image"> 

右、あなたはあなたのイメージは/ワープを伸ばす持って幸せだ​​