Question

我需要在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>

拜托，你能帮助我吗？

感谢所有

Answer 1

在您的按钮中添加一个ID并更改CSS中的位置，希望有帮助

像这样......

HTML：

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

CSS：

    #test{padding-top:80px;}

Answer 2

您更改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>

Bootstrap Carousel按钮位置

2 个答案: