Bootstrap - 添加下拉菜单（语言切换器）

我在我的测试项目中使用bootstrap 3.3.7。这是制作链接： http://colorfill.ionic.host/test/Bootstrap - 添加下拉菜单（语言切换器）

正如你会发现在右上角有一个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>

有什么不好呢？我应该写我自己的.dropdown类吗？我不想销毁当前的导航菜单..

来源

2017-08-16 Julia Galden

将.navbar-header的z-index增加到1，目前它的0。像：

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

你需要增加的父元素的z-index的，不管是什么你的孩子的z-index是，如果你的父级的Z指数比孩子的将无法正常工作下。

希望这会有所帮助！

来源

2017-08-16 15:50:55

添加到.navbar头z-index: 1;

来源

2017-08-16 15:51:44

这css代码line9添加到custom.css：父DIV

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

来源

2017-08-16 15:56:44

附加的风格，有导航栏头类作为

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

来源

2017-08-16 16:48:45

Bootstrap - 添加下拉菜单（语言切换器）

回答

相关问题