2017-05-03 81 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