Fatal编程技术网

Twitter bootstrap .隐藏电话不适用于引导转盘

twitter-bootstrap

Twitter bootstrap .隐藏电话不适用于引导转盘,twitter-bootstrap,Twitter Bootstrap,我正在使用Bootstrap创建一个响应性强的站点。我试图在手机上隐藏一个滑块。我正在使用class.hidden phone来实现这一点。然而，这对我不起作用。如果我使用.hidden desktop，它会将其隐藏在桌面站点和手机上。有人可以检查我的代码，并可能演示它吗？谢谢 代码： 对于bootstrap 3.0，请使用class=“hidden sm”它工作正常。你是如何测试它的？我正在运行iOS 6.1.2的iPhone 5上使用它。我的个人网站使用了同样的东西，它工作得很好。

我正在使用Bootstrap创建一个响应性强的站点。我试图在手机上隐藏一个滑块。我正在使用class
.hidden phone
来实现这一点。然而，这对我不起作用。如果我使用
.hidden desktop
，它会将其隐藏在桌面站点和手机上。有人可以检查我的代码，并可能演示它吗？谢谢

代码：



  • 

  • 

  •
    对于bootstrap 3.0，请使用class=“hidden sm”

    它工作正常。你是如何测试它的？我正在运行iOS 6.1.2的iPhone 5上使用它。我的个人网站使用了同样的东西，它工作得很好。你做了什么来测试它？@Ugo当我缩小浏览器窗口时，它似乎能工作，但在我的设备上不能。这是因为iPhone 5的分辨率为640*1136。hidden phone只检查分辨率是否正确。hidden tablet。或者，您可以调整bootstrap.css并允许将更大的分辨率视为手机 
    <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>