Css 引导-添加下拉菜单（语言切换器）

我在测试项目中使用Bootstrap3.3.7。这是生产环节：

正如您将注意到的，在右上角有一个LANG下拉菜单。在悬停时，它会以某种方式显示内容，但看起来z索引太小了。增加它-什么也改变不了

我正在使用以下代码：

<ul class="social pull-right">  

                            <li class="dropdown">
                                <a href="#" title="Language" class="icon-request">LANG:</a>
                                    <ul class="dropdown-menu zom">
                                        <li><a href="index.html">POL</a></li>
                                        <li><a href="index2.html">ENG</a></li>
                                        <li><a href="index3.html">UA</a></li>
                                    </ul><!-- /.dropdown-menu -->                               
                            </li>
                            <li><a href="#"><i class="icon-s-facebook"></i></a></li>                            
                        </ul>

---

那怎么了？我应该写我自己的下拉式课程吗？我不想破坏当前的导航菜单。

将

导航栏标题的
z-index
增加到
1
，当前为
0
。比如：

.navbar-header {
  z-index: 1;
}

无论发生什么情况，都需要增加父元素的z索引
如果父项的z指数低于子项的z指数，则子项的z指数为
这是行不通的

希望这有帮助
 添加到.navbar标题
z-index:1
将此
css
代码添加到
第9行中的
custom.css
：

.navbar-header {
    z-index: 1;
}

为具有导航栏标题的父div添加样式

  <div class="navbar-header" style=" z-index: 1;">