twitter 引导类可见-* 不适用于手机和平板电脑答案

【问题标题】：twitter bootstrap class visible-* dont work on mobiles and tabletstwitter 引导类可见-* 不适用于手机和平板电脑
【发布时间】：2020-01-07 20:08:41
【问题描述】：

我正在尝试在这样的 div 上使用 visible-xs,visible-sm,visible-md：

<div class="badge" class="visible-xs visible-sm">text</div>

但这似乎不适用于手机或平板电脑，
但是，当我使用窗口操作时，它可以在桌面上工作，
在手机上，当我将浏览器切换到“显示为桌面”时，它可以工作。

奇怪的是，其他一切都可以正常工作，即使是 hidden-* 的课程@

有没有人有任何建议，如何解决这个问题？

【问题讨论】：

【解决方案1】：

visible-* 应该可以在移动设备上正常使用。

请给我们一个例子。

【讨论】：

【解决方案2】：

如果您使用的是当前版本的 Bootstrap：3.2.0，则现在不再是 kosher。它应该仍然可以工作，但您可能想试试.visible-sm-*。 * 通常是块、内联或内联块的占位符。例如：.visible-sm-inline

话虽如此，我发现离开 * 也可以。例如：.visible-sm-* 会在小型设备上隐藏东西。

【讨论】：

【解决方案3】：

不要在你的 div 上使用多个类块，否则它只会得到第一个类名。试试这样：

<div class="badge visible-xs visible-sm">text</div>

见于：

【讨论】：