.hidden-phone无法使用Bootstrap轮播

Question

.hidden-phone无法使用Bootstrap轮播

我正在使用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">&lsaquo;</a>
     <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>

</div>
</div>   
    </body>
  </html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Jef*_*ler 9

对于bootstrap 3.0,使用class ="hidden-sm"

归档时间：	13 年，2 月前
查看次数：	6457 次
最近记录：	12 年，9 月前