Положение кнопки карусели Bootstrap

Мне нужно изменить положение некоторого элемента в карусели начальной загрузки.

У меня есть этот пример слайда, и я хочу изменить положение основной кнопки, но я не нахожу никаких предложений в Интернете.

<div class="carousel-inner">
        <div class="item active">
            <img id="sliderImage" src="~/Content/images/SfondoF&VHomeSlide.png">
            <div class="container">
                <div class="carousel-caption" >
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="Slide" align="center" style="margin-top:30px">
                            <a class="btn btn-lg btn-primary" href="http://getbootstrap.com">Learn More</a>
                    </div>
                </div>
            </div>
        </div>

Не могли ли вы помочь мне, пожалуйста?

Спасибо всем


bootstrap-carousel
person user5297740    schedule 05.01.2016    source источник
comment
Когда вы используете класс начальной загрузки btn btn-lg btn-primary, кнопка автоматически размещается в нижней части вставленного изображения. Мне нужно знать, как изменить значение префикса. Я знаю, как установить новую конфигурацию CSS для кнопки. Спасибо всем   -  person user5297740    schedule 05.01.2016

Ответы (2)


arrow_upward
1
arrow_downward

вы меняете carousel-caption класс.

попробуй это:

    <div class='item active'>
    <img class='sliderImage' src='images/man2.jpg' alt=''>
<div class='container'>
<div class='col-sm-8'>
<div class='carousel-content'>
<a class='btn btn-lg btn-primary' href="http://getbootstrap.com">Learn More</a>
</div>
</div>
</div></div>
person Virendra Nagda    schedule 05.01.2016

arrow_upward
1
arrow_downward

Добавьте идентификатор к своей кнопке и измените положение в CSS, надеюсь, что это поможет

Что-то вроде этого ...

HTML:

    <a class="btn btn-lg btn-primary" href="http://getbootstrap.com" id="test">Learn More</a>

CSS:

    #test{padding-top:80px;}
person codepervert    schedule 05.01.2016
comment
Но позиция уже устанавливается внизу изображения из бутстрапа. Где я могу изменить настройку по умолчанию для этого типа кнопки? - person user5297740; 05.01.2016