Bootstrap绝对定位div在导航栏上方无法正确显示

时间:2016-07-14 20:01:33

标签: html css twitter-bootstrap

我有一个来自导航栏的下拉菜单,由切换按钮触发。我在导航栏折叠上方添加了一个三角形,以显示它指向触发按钮。它在较大的屏幕上工作正常,但在移动设备上,它一直被推到导航栏后面。我尝试过使用z-index但无济于事。

http://www.bootply.com/g8d0nLzlIE

我在移动设备上用灰色(而不是桌面上的白色)制作三角形以显示对比度。

1 个答案:

答案 0 :(得分:1)

在移动设备分辨率上,您可以将为overflow声明的.navbar-collapse.in规则重置为visible

<强> CSS

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