2013-03-04 64 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”