Bootstrap 轮播中的移动图片

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 轮播中的移动图片

Mobile Images in Bootstrap Carousel

carousel

twitter-bootstrap