2017-05-03 108 views
-6

嗨,我已经用引导旋转木马滑块在我的滑盖但移动响应不工作。这里是我的代码:引导旋转木马滑块响应不工作

<div class="mobileimage"> 
<div id="myCarousel" class="carousel slide mobilesss" data-ride="carousel"> 
    <!-- Wrapper for slides --> 
<div class="carousel-inner"> 
    <div class="item active"> 
    <img src="<?php echo base_url();?>theme/slider/1a.jpg" class="img-responsive"> 
    </div> 

    <div class="item"> 
    <img src="<?php echo base_url();?>theme/slider/2a.jpg" class="img-responsive"> 
    </div> 

    <div class="item"> 
    <img src="<?php echo base_url();?>theme/slider/3a.jpg" class="img-responsive"> 
    </div> 
    <div class="item"> 
    <img src="<?php echo base_url();?>theme/slider/4a.jpg" class="img-responsive"> 
    </div> 
</div>  

+2

用实际图像 – ZimSystem

+0

创建小提琴,如果它只有错误图像,我们无法看到传送带如何操作。 –

+1

我想你刚刚找到了解决方案,@Asha。正如你所看到的,当图片链接被破坏时,移动设备的响应速度已经修复! –

回答

1

我已经更新了你的提琴,看看

.carousel-inner>.item>img { 
 
    height: auto; 
 
    width: 100%; 
 
    margin: auto; 
 
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<div class="Container-fluid"> 
 
    <div class="row"> 
 
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 
 
     <div id="myCarousel" class="carousel slide mobilesss" data-ride="carousel"> 
 
     <!-- Wrapper for slides --> 
 
     <div class="carousel-inner"> 
 
      <div class="item active"> 
 
      <img src="la.jpg" alt="Los Angeles"> 
 
      </div> 
 

 
      <div class="item"> 
 
      <img src="chicago.jpg" alt="Chicago"> 
 
      </div> 
 

 
      <div class="item"> 
 
      <img src="ny.jpg" alt="New york"> 
 
      </div> 
 

 
     </div> 
 
     </div> 
 
    </div>

+0

它不工作 – Ashalatha

+0

你是否用你的souce链接替换了图像源链接? @Ashalatha –

+0

工作很好,谢谢 – Ashalatha