Twitter Bootstrap 的悬停下拉菜单
使用 Twitter Bootstrap 的菜单系统时,可能需要在悬停时自动下拉菜单,从而消除需要单击菜单标题。此外,用户可能更喜欢隐藏菜单标题旁边的导航箭头。
用于悬停下拉菜单的 CSS
要在悬停时启用自动下拉菜单,请实现以下 CSS:
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
对于响应式功能,请将代码包装在媒体中查询:
@media (min-width: 979px) { ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; } }
用于隐藏导航箭头的 CSS
Bootstrap 3:
删除 HTML 来自 .dropdown-toggle 锚点
<a class="dropdown-toggle" data-toggle="dropdown" href="#"> Dropdown </a>
Bootstrap 2 及更低版本:
使用此 CSS 选择器和代码定位并删除箭头:
a.menu:after, .dropdown-toggle:after { content: none; }
理解这些 CSS 元素的工作原理将增强您自定义 Bootstrap 菜单以满足您的特定需求的能力。
以上是如何在 Twitter Bootstrap 中创建悬停激活的下拉菜单?的详细内容。更多信息请关注PHP中文网其他相关文章!

SVG具有自己的一套元素,属性和属性集,以至于内联SVG代码可能会变得漫长而复杂。通过利用CSS和SVG 2规范的一些即将到来的功能,我们可以减少该代码以进行清洁标记。

PWA(Progressive Web应用程序)已经与我们在一起了一段时间。但是,每次我尝试向客户解释它时,同样的问题都会出现:“我的用户会成为


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

WebStorm Mac版
好用的JavaScript开发工具

Atom编辑器mac版下载
最流行的的开源编辑器

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中