从引导下拉列表中删除“类”和“数据切换”答案

【问题标题】：removing "class" and "data-toggle" from bootstrap dropdown从引导下拉列表中删除“类”和“数据切换”
【发布时间】：2016-03-11 01:54:46
【问题描述】：

我想禁止点击引导下拉菜单，因为我已经实现了悬停。我通过从<a> 标签中删除class 和data-toggle 来做到这一点。

原始声明：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Programs <b class="caret"></b></a>

禁用点击：

<a href="#" Programs <b class="caret"></b></a>

但对于较小的屏幕，即移动设备，我希望启用单击下拉菜单，因为无法悬停。我该怎么做？

【问题讨论】：

添加或删除类或任何自定义属性不会禁用点击。如果你想禁用点击使用onclick="return false;"

标签： html css twitter-bootstrap drop-down-menu

【解决方案1】：

试试这个：

使用 .visible-xs 和 .visible-sm 使内容仅在小屏幕（移动设备和平板电脑）上可见。

您可以使用 .hidden-md 和 .hidden-lg 隐藏桌面上的内容。

【讨论】：

【解决方案2】：

为什么不两者兼而有之？

<a href="#" class="hidden-xs dropdown-toggle" data-toggle="dropdown">Programs <b class="caret"></b></a>
<a href="#" class="visible-xs"> Programs <b class="caret"></b></a>

这样，在任何给定的视口，最终用户只能看到 2 个下拉列表中的 1 个。注意第一个使用hidden-xs 类，而另一个使用visible-xs。

【讨论】：

我试图做的与你给出的相反。尽管如此，还是谢谢你。它奏效了。