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.