引导程序导航的样式错误

时间:2016-04-23 12:55:48

标签: html css twitter-bootstrap navigation

我正在使用由responcms创建的引导程序模板。桌面上的一切看起来都很好,但在移动设备上无法访问折叠的导航。下拉列表中的条目不可点击。

我已经尝试了很多设置,但所有内容都与http://getbootstrap.com/examples/theme/

上的示例非常相似

有没有人能为我提供线索?该网站可在http://cms.h2516034.stratoserver.net/sites/zbv/index

上访问

提前致谢

拉​​曼

2 个答案:

答案 0 :(得分:0)

看来你的问题与z-index有关。您可以在菜单项“Aktivitäten”中进行测试。将浏览器缩小,您将看到“Kontakt”条目下的条目是可访问的。可能是您使用的CMS的渲染问题?

可能的解决方案:(未经过全球测试)

body .navbar ul.dropdown-menu li, body .navbar ul.dropdown-menu li a {
height: 30px !important;
line-height: 30px !important;
position: relative;
z-index: 100000;
}

respond.min.css

答案 1 :(得分:0)

@Raman试试这个。它应该工作

<style>
@media(max-width:767px){
    body .navbar li {
        height: auto;
        line-height: 65px;
    }
}
</style>