Имеется карусель на bootstrap на всю ширину.
Но если включать страницу на экранах больше чем 1400px (ширина слайда) то кнопки переключения растягиваются по всей ширине, а изображение остается слева.
Как сделать чтобы карусель была по центру остального контента?
Код слайдера
<!-- Slider -->
<div id="carousel" class="carousel slide">
<!--Slide IMG-->
<div class="carousel-inner">
<div class="item active">
<img src="img/slider.jpg" alt="slider-woman">
<div class="carousel-caption font-slider">
<div class="content">
<div class="row">
<div class="col-md-6 col-sm-8 col-xs-10">
<span>FiarFashion<br>LOREM IPSUM DOLOR</span>
<a href="#"> <img src="img/button-slider.png"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<img src="img/slider.jpg" alt="slider-woman"> <!--/IMG/-->
</div>
<div class="item">
<img src="img/slider.jpg" alt="slider-woman"> <!--/IMG/-->
</div>
</div>
<!--Slide button -->
<a href="#carousel" class="left carousel-control" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a href="#carousel" class="right carousel-control" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
Оборачивать в контейнер - помогает, но карусель создается с отступами, а необходимо на всю ширину.
Заранее спасибо.