カルーセルはイメージ全体を表示するために携帯電話のサイズを変更しません

Question

は、コンピュータ上でうまく見えます。水平のタブレットでは、イメージ "中央"に収まるように見えます。ソース・コード・ビュー（Dreamweaverの）あなたがaplly background-size:cover要素.item
することが完全にコンテンツ領域を覆うように、背景画像を伸張する必要が

<main id="main" class="site-main"> 
    <section id="carousel-1" class="carousel slide section-slide" data-ride="carousel"> 

         <div class="carousel-inner"> 
     <div class="item active" style="background: url(images/bg-1.jpg);"> 
      <div class="container"><img src="http://roncartist.com/images/copyright_protected-1.png" alt="First slide"></div> 
     </div> 
     <div class="item" style="background: url(images/bg-2.jpg);"> 
      <div class="container"><img src="http://placehold.it/640x340" alt="Second slide"></div> 
     </div> 
     <div class="item" style="background: url(images/bg-3.jpg);"> 
      <div class="container"><img src="http://placehold.it/640x340" alt="Third slide"></div> 
     </div> 
     </div> 
     <a class="left carousel-control" href="#carousel-1" data-slide="prev"><span class="fa fa-chevron-left"></span></a> 
     <a class="right carousel-control" href="#carousel-1" data-slide="next"><span class="fa fa-chevron-right"></span></a> 

example image

Answer 1

で

コード。 作品があれば教えてください。