我想禁用点击引导下拉列表,因为我已经实现了悬停。我是通过从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>
但对于较小的屏幕,即移动设备,我想启用点击下拉列表,因为无法悬停。我该怎么做?
答案 0 :(得分:1)
试试这个:
使用.visible-xs和.visible-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
。