2015-05-17 8 views
0

Я стартер на Bootsrap и у меня есть небольшая проблема с моей навигационной панели, я посмотрел everywere, но ничего не видел ... Вот моя проблемаNavbar Bootstrap

При нажатии на правую кнопку " Français ", он отображает подменю с жирной линией на toP и снизу!

Вот ссылка 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;}

ответ

0

Если вы хотите, чтобы ваш подменят без жирных линий (Обивка <ul>) сверху и снизу:

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

Обратите внимание, что каждое выпадающее меню, которое вы используете имеет отступ 0px, так что лучше сделать собственный класс и положить его за выпадающего меню класса

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

в вашем HTML.

.myMenu { 
    padding: 0px !important; 
} 
+0

Большое спасибо, это отлично работает !!! – Amine

+0

Добро пожаловать! Примите этот ответ! – Sun