2014-07-05 99 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。 以及..希望这能解决未来的另一个诱惑者的问题;)