删除" class"和"数据切换"来自bootstrap下拉列表

时间:2015-12-06 11:42:30

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

我想禁用点击引导下拉列表,因为我已经实现了悬停。我是通过从class标记中删除data-toggle<a>来完成此操作的。

原始声明:

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

禁用点击:

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

但对于较小的屏幕,即移动设备,我想启用点击下拉列表,因为无法悬停。我该怎么做?

2 个答案:

答案 0 :(得分:1)

试试这个:

使用.visible-xs和.vi​​sible-sm仅在小屏幕(手机和平板电脑)上显示内容。

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

答案 1 :(得分:1)

为什么不两者?

<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