Задать вопрос
@endgus

Как сделать Карусель bootstrap на всю ширину по центру?

Имеется карусель на bootstrap на всю ширину.
c6fcd26542f540509701212b167ce5be.png
Но если включать страницу на экранах больше чем 1400px (ширина слайда) то кнопки переключения растягиваются по всей ширине, а изображение остается слева.
d5a8438603434709900771a2a6c62793.png
Как сделать чтобы карусель была по центру остального контента?

Код слайдера
<!-- 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>


Оборачивать в контейнер - помогает, но карусель создается с отступами, а необходимо на всю ширину.
Заранее спасибо.
  • Вопрос задан
  • 8029 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
hummingbird
@hummingbird
Ищите тут пример - getbootstrap.com/getting-started/#examples-custom (прям на этой странице ниже)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы