Bootstrap 3：在移动设备中停止悬停行为

Question

我有以下css代码，以便在悬停时显示我的标题子类别，这在网站的桌面版本上看起来非常棒，但在移动设备或屏幕缩小时看起来很糟糕。在移动网站上停止使用以下行为的最佳方法是什么？

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

提前致谢

Answer 1

如果只是这些样式存在问题的小外形，您可能希望将它们包装在最小的Bootstrap媒体查询断点中，以确保它们不适用于较小的尺寸：

@media(min-width:481px){ /* hover rules */ }