Question

我们的旋转木马在桌面上看起来很棒但是当我们在移动设备上观看时，图像很小而且没有占据屏幕的整个宽度。反正是否有图像占据屏幕的整个宽度或接近它或代码的任何更新？

轮播代码如下：

<div class="carousel-inner">
<div class="item active">
<a href="retaillocations.html"><img src="images/bangles.jpg" width = "100%" class="img-responsive"

请访问www.brownmanclothing.com

Answer 1

您可以尝试减少推动内容和滑块的主体的填充。

body {
    padding: 30px;
}

到

@media(min-width:768px) { 
    body {
        padding: 70px;
    }
}

您也可以尝试将＃carousel-example-generic放在

中

<div class="row"> <div id="carousel... </div>

Bootstrap Carousel中的移动图像

1 个答案: