我正在使用Bootstrap制作响应式网站。我试图隐藏手机上的滑块。我正在使用类.hidden-phone
来实现这一目标。但是,它对我不起作用。如果我使用.hidden-desktop
,它会将其隐藏在桌面版网站和手机上。有人可以查看我的代码并可能演示它吗?感谢。
代码:
<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">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
</div>
</div>
</body>
</html>
答案 0 :(得分:9)
对于bootstrap 3.0,请使用class =“hidden-sm”