Twitter bootstrap 引导转盘中的移动图像

Twitter bootstrap 引导转盘中的移动图像,twitter-bootstrap,carousel,Twitter Bootstrap,Carousel,我们的旋转木马在桌面上看起来很棒,但当我们在移动设备上观看时,图像很小,不能占据整个屏幕的宽度。是否有任何方法使图像占据整个屏幕宽度或接近屏幕宽度,或对代码进行任何更新 转盘的代码如下: <div class="carousel-inner"> <div class="item active"> <a href="retaillocations.html"><img src="images/bangles.jpg" width = "100%" clas

我们的旋转木马在桌面上看起来很棒,但当我们在移动设备上观看时,图像很小,不能占据整个屏幕的宽度。是否有任何方法使图像占据整个屏幕宽度或接近屏幕宽度,或对代码进行任何更新

转盘的代码如下:

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

请访问www.brownmaclothing.com查看

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

body {
    padding: 30px;
}

您还可以尝试将旋转木马示例放在


这看起来像垃圾邮件。这也是离题的。请查看帮助中心了解更多信息谢谢idoliki。下面的代码有助于调整旋转木马的大小。它使它变大了。但它将旋转木马图像推到导航栏中,并将图像扩展到手机屏幕之外@mediamin width:768px{body{padding:70px;}}你可以把@mediamin width:768px{body{padding:70px;padding top:120px;}}@mediamin width:992px{body{padding top:60px}谢谢@idoliki。不知道为什么,但当我粘贴代码时,即使我调整了填充,它仍然会将转盘推入导航栏。我做错什么了吗?我找到了下面的代码并发现它可以工作:body{padding:30px;padding top:60px;}
@media(min-width:768px) { 
    body {
        padding: 70px;
    }
}