1

Twitterのブートストラップに次のマークアップを使用していますが、問題は、画像を中央に配置したいのに、画像が左揃えになっていることです。私が見逃した明らかなものはありますか？

<div id="myCarousel" class="carousel slide">
 <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>
 
<!-- Carousel items -->
             <div class="carousel-inner">
             <div class="active item">
             <img src="images/karyotype2.jpg" alt=""/>
             <div class="carousel-caption">
             <h4>First Thumbnail label</h4>
             <p>Text</p>
             </div>
             </div>
             
             <div class="item">
             <img src="images/Karyotype1.jpg" alt=""/>
             <div class="carousel-caption">
             <h4>Second</h4>
             <p>Text</p>
             </div>
             </div>
             </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div>
4

2 に答える 2

2

これを CSS に追加してみてください。

  .carousel-inner .item img{
   margin:0 auto; 
  }
于 2013-05-31T23:49:22.743 に答える
1

私の場合、width="100%"imgタグを追加することで、この問題を解決する非常に簡単な方法を見つけました

<img src="images/intro1.jpg" alt="" width="100%">

カルーセルに大きな画像があります。これは完璧に機能します。ブラウザのサイズが変わると、画像は自動的に拡大または縮小されます。

于 2013-08-25T22:06:59.817 に答える