Bootstrap - carousel - 删除额外的空间

Question

使用carousel我有一个旋转木马如下：

<!-- TEST carousel --> 
<div id="TESTcarousel" class="hero-unit carousel slide"> 
    <div class="carousel-inner"> 
        <div class="item active"> 
            .........
        </div> 
        <div class="item"> 
            .........
        </div> 
        <div class="item"> 
            .........
        </div> 
    </div><!-- .carousel-inner --> 

<!--  next and previous controls here 
          href values must reference the id for this carousel --> 
  <a class="carousel-control left" href="#TESTcarousel" data-slide="prev">&lsaquo;</a> 
  <a class="carousel-control right" href="#TESTcarousel" data-slide="next">&rsaquo;</a> 
</div><!-- .carousel --> 

它呈现为：

我想删除紫色区域中的一些额外空间，即填充。我该如何实现这一目标？

提前致谢

Answer 1

删除hero-class，因为这是添加填充的内容。

在最新的轮播中（如果我没有弄错的话，在旧的轮播中）实际上没有太多的填充，看起来你正在使用Bootstrap 2.