导航栏引导

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; 
}