jquery - 使下拉父链接对于较小的设备可点击，并在 Bootstrap 中隐藏下拉菜单

Question

我正在处理一个使用 HTML5 和 CSS3 并使用 Bootstrap 3.2 的网站。

我在桌面 View 中有一个购物车元素的下拉菜单。但是，我需要为小型移动设备删除此下拉菜单，而是让购物车链接可点击。

目前，购物车链接不可点击，因为它在点击时会打开一个下拉菜单!

谁能告诉我该如何解决这个问题？

Answer 1

您实际上可以为 CART

保留两个属性

这不会在移动设备上显示

<div class="hidden-xs dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
        Cart
        <span class="caret"></span>
    </button>
...
</div>

在下一行保留一个链接，该链接不会在任何桌面屏幕/小屏幕(平板电脑)上显示

<a class="hidden-sm hidden-md hidden-lg" href="cart">Cart</a>

我希望这是必需的。