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 - 添加下拉菜單（語言切換器）

回答

相關問題