2014-07-05 152 views
-1

我一直在爲這個旋轉木馬掙扎數小時。我正在學習bootstrap,所以請原諒我的代碼! :)bootstrap旋轉木馬右側的空間

問題是,我的傳送帶有這個「邊緣」在右側,甚至沒有.. 試圖搜索後解決方案,但沒有工作。它看起來像這樣: idd

正如你看到旋轉木馬右側的橙色框是我試圖刪除沒有運氣。

我的旋轉木馬代碼:

<div class="col-sm-8 col-md-8"> 
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
     <!-- Indicators --> 
      <ol class="carousel-indicators"> 
       <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
       <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
      </ol> 
      <!-- Wrapper for slides --> 
      <div class="carousel-inner"> 
       <div class="item active"> 
        <img src="holder.js/1024x500" alt="..."> 
        <div class="carousel-caption"> <a class="btn btn-info">Download</a> 

        </div> 
       </div> 
       <div class="item"> 
        <img src="holder.js/1024x500" alt="..."> 
        <div class="carousel-caption"></div> 
       </div> 
      </div> 

    </div> 
</div> 

這裏是藏漢的jsfiddle一個失敗的嘗試(請不要介意竊聽的jsfiddle)

http://jsfiddle.net/2R4Ku/1/

+0

你需要修復你的jsfiddle。 – Banana

回答

1

現在感覺這麼愚蠢.. 的「無形」邊距是一列:

<div class="col-sm-8 col-md-8"> 

,我基本上試圖「移除」col-8。 以及..希望這能解決未來的另一個誘惑者的問題;)