Lütfen aşağıdaki resme bir göz atın, bootstrap carousel görüntüleri döndürmek için kullanıyoruz. Pencere genişliği büyük olduğunda ancak, görüntü sınırına doğru uyum göstermiyor.

Ama carousel örnek bootstrap tarafından sağlanan her zaman gayet iyi çalışıyor olursa olsun, pencerenin genişliği. Kod aşağıdaki.

Birisi carousel farklı davranıyor neden açıklayabilir mi? Bu Görüntü boyutu ile ilgisi veya config eksik bazı bootstrap?

<section id="carousel">
<div class="hero-unit span6 columns">
    <h2>Welcome to TACT !</h2>
    <div id="myCarousel" class="carousel  slide" >
      <!-- Carousel items -->
      <div class="carousel-inner">
        <div class="item  active" >
            <img alt=""  src="/eboxapps/img/3pp-1.png">
            <div class="carousel-caption">
                <h4>1. Need a 3rd party jar?</h4>
            </div>
        </div>
        <div class="item">
            <img alt=""  src="/eboxapps/img/3pp-2.png">
            <div class="carousel-caption">
                <h4>2. Create Request</h4>
            </div>
        </div>
        <div class="item">
            <img alt=""  src="/eboxapps/img/3pp-3.png">
            <div class="carousel-caption">
                <h4>3. What happens?</h4>
            </div>
        </div>
        <div class="item">
            <img alt=""  src="/eboxapps/img/3pp-4.png">
            <div class="carousel-caption">
                <h4>4. Status is Emailed</h4>
            </div>
        </div>
      </div>
      <!-- Carousel nav -->
      <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
    </div>
</div>

Çözüm özel css dosyanıza css kodu koymaktır

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