導航欄引導

Question

我在Bootsrap首發，我有我的導航欄有點問題，我看了everywere卻沒有看到什麼...當你點擊右鍵這裏是我的問題

「 Français「，它會在頂部和底部顯示一個粗體的子菜單！

這裏是鏈接 http://www.deluxe-art.fr/question/index.html

這裏是我的CSS

body \t \t \t \t \t \t {font-family: 'Titillium Web', sans-serif; font-weight:400; color:#fff;} 
 
.header-top \t \t \t \t \t {padding:15px 0; background-color:#000; border-bottom:#ff821d solid 3px; color:#fff!important; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7)!important;} 
 
.navbar-collapse \t \t \t {border:0!important; box-shadow:none!important;} 
 
.header-top \t a \t \t \t \t {color:#fff!important; font-weight:700;} 
 

 
/*Links*/ 
 
.navbar-nav > li > a \t \t {color:#fff; 
 
\t \t \t \t \t \t \t -webkit-transition: color .5s ease-in; 
 
\t \t \t \t \t \t \t -moz-transition: color .1s ease-in; 
 
\t \t \t \t \t \t \t -o-transition: color .1s ease-in; 
 
\t \t \t \t \t \t \t transition: color .1s ease-in;} 
 
.navbar-nav > li > a:hover \t {color:#ff821d!important;} 
 
.navbar-nav > .active a \t \t {color:#ff821d!important; background:transparent!important;} 
 
.navbar-toggle \t \t \t \t {background-color:#000; color:#ff821d!important; border:none;} 
 
.navbar-toggle:hover \t \t {background-color:#000!important; color:#ff821d!important;} 
 
.icon-bar \t \t \t \t \t {color:#ff821d!important;} 
 
.dropdown a \t \t \t \t \t {font-weight:300!important;} 
 

 
.dropdown-menu > li > a \t \t {background-color:#000!important; border:none;} 
 

 
.dropdown > .dropdown-menu > li > a:hover \t {color:#ff821d!important; background-color:none; border:none;} 
 
.navbar-brand \t \t \t \t {margin-top:-13px!important;}

Answer 1

如果您希望您的子菜單沒有粗線（該<ul>的填充）頂部和底部：

.dropdown-menu { 
    padding: 0px !important; 
} 

請注意，您使用的每個下拉菜單中有填充0像素，所以最好是做一個自己的類，並把它的類下拉菜單背後

<ul class="dropdown-menu myMenu"> 
    <li>...</li> 
    <li>...</li> 
</ul> 

在你的HTML。

.myMenu { 
    padding: 0px !important; 
}