Twitter引导响应实用程序

Question

我正在使用twitter-bootstrap建立一个我建立的网站，一旦我试图显示只有智能手机用户才能看到的数据，我就会处理问题;

使用<div class="visible-phone">This is a test div</div>并未在智能手机上显示任何数据， 虽然<div class="visible-desktop">This is a test div</div>适用于计算机。

我该如何处理这个问题？

感谢advnace

Answer 1

看看这个问题@ here

修改你的css看起来像是这个问题的一个很好的解决方案

  

//可见性实用程序

     

//对于桌面.visible-phone {display：none; } .visible-tablet   {display：none; } .visible-desktop {} .hidden-phone {}   .hidden-tablet {} .hidden-desktop {display：none; }

     

//仅限电话@media（最大宽度：767px）{//显示.visible-phone   {} //隐藏.hidden-phone {display：none！important; } //   隐藏其他所有内容.hidden-desktop {} .visible-desktop {   显示：无！重要; }}

     

//平板电脑＆amp;小型桌面只有@media（最小宽度：768px）和   （最大宽度：979px）{//显示.visible-tablet {} //隐藏
  .hidden-tablet {display：none！important; } //隐藏一切   else .hidden-desktop {} .visible-desktop {display：none   ！重要; }}

我希望这能解决你的问题