如何解决Bootstrap v3.3.5:下拉高度不可编辑
我对 CSS 很陌生,我正在努力修复下拉菜单的高度,但我找不到合适的 CLASS 或 ID 来编辑它。
这是对我的问题的更好解释:
- 在顶部菜单上,我有一个下拉按钮(选项),我有 4 个元素:
- 我有一个断点,所以当窗口缩小时会有一个不同的菜单:
- 如您所见,当展开时,我无法显示下拉按钮(选项)内的所有元素:
- 显然高度没问题。但是有一些东西会降低菜单的高度:
任何想法如何编辑此下拉菜单?
解决方法
对于未来的读者:
所以,我设法通过这样做来解决我的问题:
- 我意识到有一个最大高度为 340 像素的 boostrap 元素。我不知道为什么,但我无法在 bootstrap.css 文件中找到这个元素(可能是因为我对此很陌生):
[![在此处输入图片描述][1]][1]
-
所以我只是使用神奇的 Crtl+F 按钮来找到这个 '340px' 和 Voilà!!!,我只找到了两个具有这个高度的元素,其中一个设置了这个下拉菜单的最大高度(不知道为什么):
.navbar-fixed-top .navbar-collapse {max-height: 340px}
-
然后我只是在 bootstrap.css 文件之后将
.navbar-fixed-top .navbar-collapse {max-height: 700px}
添加到我的自定义 .css 文件中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。