2013-05-31 83 views
1

我正在使用以下標記進行twitter引導,但我遇到的問題是圖像左對齊,而我希望它們位於中心。有沒有什麼明顯的我已經錯過了?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> 

回答

2

嘗試增加給你的CSS:

.carousel-inner .item img{ 
    margin:0 auto; 
    } 

祝你好運!

1

我在img標籤

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

我在傳送帶大幅的圖片,發現了一個非常簡單的方法來解決我的情況下,該問題,請通過添加width="100%"。所以這是完美的。當瀏覽器大小發生變化時,圖像會自動增大或縮小。