kabashow
@kabashow
Верстка и дизайн сайтов. kabashow@yandex.ru

Слайдер на bootstrap?

Доброго дня.
Интересен вопрос, как сделать слайдер меньше по размеру и чтобы изображение было по центру.
Вот мой код.
Слайдер стандартный с бутстрапа.
<div class="ones">
    <div id="carousel" class="carousel slide">
        <!--Индикаторы слайдов-->
        <ol class="carousel-indicators">
            <li class="active" data-target="#carousel" data-slide-to="0"></li>
            <li data-target="#carousel" data-slide-to="1"></li>
            <li data-target="#carousel" data-slide-to="2"></li>
        </ol>
        
        <!--Слайды-->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/wm_cover.png" alt="">
                <div class="carousel-caption">
                    <h3></h3>
                    <p></p>
                </div>
            </div>
            <div class="item">
                <img src="images/wm_cover.png" alt="">
                <div class="carousel-caption">
                    <h3></h3>
                    <p></p>
                </div>
            </div>
            <div class="item">
                <img src="images/wm_cover.png" alt="">
                <div class="carousel-caption">
                    <h3></h3>
                    <p></p>
                </div>
            </div>
        </div>

        <!--Стрелки переключения слайдов-->
        <a href="#carousel" class="left carousel-control" data-slide="prev">

        </a>
        <a href="#carousel" class="right carousel-control" data-slide="next">
        
        </a>
    </div>
</div>


Он работает, но гад, сильно высокий: www.nskmobile.ru
тут демка сайта. Поймете о чем я говорю.
  • Вопрос задан
  • 1795 просмотров
Решения вопроса 1
#carousel {
    height: auto;
...
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
deepfriday
@deepfriday
Junior D
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 250px;
}
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы