Html 隐藏和可见类

我试图弄清楚引导响应功能是如何工作的。我有一个div，我希望它隐藏在移动设备上：

<div class="text-center hidden-xs">
     Content
</div>

内容

我在电话上查看了这个页面，div仍然可见。但如果我做了以下事情：

<div class="text-center visible-md visible-lg">
     Content
</div>

内容

然后我的div在移动设备上隐藏，在桌面上可见

---

我认为“

hiddenxs

”相当于“

visible-md-visible-lg

”。你能解释一下区别吗？

你可以用下面的Javascript/JQuery脚本隐藏div。这不需要引导类。（我也不熟悉）。 以下脚本针对移动android和iphone，您也可以针对其他设备

    if (navigator.userAgent.toLowerCase().indexOf('android') > -1)  {
           $('.text-center hidden-xs').css('visibility','hidden'); 
     }

  if (navigator.userAgent.toLowerCase().indexOf('iphone') > -1)  {
           $('.text-center hidden-xs').css('visibility','hidden'); 
     }

---

您是否可以在宽度为/超过768px的视口中对其进行测试？因为

hiddenxs

相当于

visible sm visible md visible lg

，而不仅仅是您发布的

visible md visible lg

。如果您在一个小视口中查看，则第一个示例中它是可见的，第二个示例中它是隐藏的

如果您没有执行任何媒体查询或其他特定于您手机的操作，您也可以通过调整浏览器窗口大小来测试这一点，就像检查是否正常一样

---

在文档中有一个有用的表，用于显示和隐藏在，因此，如果您感到困惑，请检查一下。

您的第一段代码确实隐藏了DIV。也许您的页面上还有其他东西使其可见？可能您的

。文本中心
有一些
显示：
在引导css之后？@LloydBanks我检查了这个DIV的css样式，但没有设置显示财产anywhere@Dejan.S我删除了.text center类，但仍然存在同样的问题，因此我认为这是关于引导css和设备宽度的问题。你真的不应该使用jquery脚本针对（可能大量/不断变化的）特定设备来解决这个问题，因为他关心的是基于视口宽度的响应性设计。如果您确实需要在一个高级别覆盖一些没有包装在列中的内容，等等，最好还是使用CSS媒体查询视口大小，因为这与引导的其余部分是一致的。谢谢您的回答。但是我想用引导css类或者至少用我的自定义css来解决这个问题。