2013-03-04 85 views
0

我正在使用Bootstrap製作響應站點。我正試圖在手機上隱藏滑塊。我正在使用類.hidden-phone來實現這一點。但是,它不適合我。如果我使用.hidden-desktop,它將它隱藏在桌面站點以及手機上。有人可以檢查我的代碼,並可能演示它嗎?謝謝。。隱藏電話不適用於Bootstrap旋轉木馬

site

代碼:

<body> 
    <div class="container" style="position: relative"> 
<div class="carousel slide hidden-phone" id="myCarousel"> 
<ol class="carousel-indicators"> 
<li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
<li data-target="#myCarousel" data-slide-to="1"></li> 
<li data-target="#myCarousel" data-slide-to="2"></li> 
</ol> 
    <div class="carousel-inner"> 
     <div class="item active"> 
      <!--<img src="/ImageSlider/21centuryimages/sliderimages/USS.JPG" />--> 
     </div> 
     <div class="item"> 
      <img src="../ImageSlider/21centuryimages/sliderimages/Bechtel.jpg" /> 
     </div> 

     <div class="item"> 
      <img src="../ImageSlider/21centuryimages/sliderimages/ADM.jpg" /> 
     </div> 

    </div> 
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> 
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> 

</div> 
</div> 
    </body> 
    </html> 
+0

它工作得很好。你如何測試它? – ugo 2013-03-04 18:23:14

+0

我在運行iOS 6.1.2的iPhone 5上使用它。我的個人網站使用相同的東西,它工作正常。你做了什麼來測試它? – 2013-03-04 18:27:19

+0

@Ugo它縮小我的瀏覽器窗口,但不在我的設備上時似乎工作 – 2013-03-04 20:36:26

回答

9

對於引導3.0使用類= 「隱藏SM」