jquery - Bootstrap - 旋转木马 - 删除额外的空间

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。