Bootstrap 轮播按钮位置

Question

我需要更改引导轮播中某些元素的位置。

我有这个示例幻灯片，我想更改主按钮的位置，但我没有在网上找到任何类型的建议。

<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>

拜托，你能帮帮我吗？

谢谢大家

Answer 1

你改变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>

Answer 2

为你的按钮添加一个id并改变CSS中的位置，希望有所帮助

类似这样的...

HTML：

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

CSS：

    #test{padding-top:80px;}