html - Bootstrap 下拉菜单在移动设备上不完全可见

标签 html css twitter-bootstrap-3

我在网站的移动版本上遇到问题,由于特定菜单项的位置和下拉菜单中的元素数量,下拉菜单没有完全显示在 View 中

Menu Issue

下图是我希望它的显示方式,因此它会在单击父项时聚焦该区域。

enter image description here

是否可以让菜单在单击时向下滚动以显示所有子项?

您可以在 http://www.ndb.ie/2016/ 查看网站.它使用标准的 Bootstrap 菜单代码。

最佳答案

您应该覆盖 Bootstrap 样式。

.navbar-collapse.in {
    overflow-y: visible!important;
}

关于html - Bootstrap 下拉菜单在移动设备上不完全可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37085710/

相关文章:

带有固定页脚的 CSS 固定视频背景 div

javascript - 为什么 jQuery 工具工具提示不显示为 jQuery 扩展?

html - 为什么显示: block is added to a list item in a list (<ul> or <ol>)?时列表样式消失

javascript - 损坏的 Javascript 代码

php - 如何正确命名 bootstrap 3 以与其他未命名空间的 bootstrap 3 实例一起使用

asp.net - 设置事件导航菜单项

jquery - 我需要根据窗口宽度更改 img

javascript - 需要帮助显示设置的动态日期和时间

html - 如何在 css 上用阴影做这样的渐变 block ?

html - 滚动到页脚