Проблема с изменением раскрывающегося списка навигации в бутстрапе

Question

У меня возникла проблема с выпадающим меню на моем веб-сайте navbar. Я использую bootstrap v 3.3.6

Наведите имя меню (здесь это функции), я ожидаю, что он должен выглядеть как кнопка рядом с ней (кнопка демонстрации запроса). Правый боковой край становится более резким при наведении. Я много путешествовал по сети, но в конечном итоге я еще не нашел нужное обходное решение.

Вот мой фрагмент кода

<nav class="navbar navbar-default navbar-fixed-top"> 
<div class="container"> 
<div class="navbar-header"><%= image_tag("logo.png", alt: "industryPrime") %></div> 
    <ul class="navigation pull-right"> 

     <li class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Features <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
     <li><a href="#" class="scroll-link" data-id="paperless_purchase_section">Paperless purchase</a></li> 
     <li><a href="#" class="scroll-link" data-id="efficient_stores_section">Efficient stores</a></li> 
     <li><a href="#" class="scroll-link" data-id="peace_of_mind_section">Peace of mind</a></li> 
     </ul> 
    </li> 
     <li class="req_demo"> 

     <%= link_to "Request Demo", user_request_demo_page_path , :onclick => "demo_clicked()" ,:onmouseover => "start_count()" , :onmouseout => "stop_count()" %> 
     </li> 
     <li id="Login button section"><%= link_to 'Login', {controller: 'sessions', action: 'new'} %></li> 



     <li><a href="#" class="scroll-link" data-id="contact">Contact Us</a></li> 
     <li><%= image_tag("contact_us.png") %>+91 98302-15353</li> 
    </ul> 
</div> 
</div> 
</nav> 

Престол, правая часть выпадающего меню под названием «ОСОБЕННОСТИ» очень острая, где левая сторона идеально. Я хочу, чтобы правая сторона была похожа на левую сторону. И одно, черноватый эффект - только из-за зависания.

Answer 1

Если включить следующие правила CSS, то окно функции на праве должно получить некоторое дополнение,

<style> 
     .dropdown { 
      padding-right: 10px; 
     } 
</style> 

Хотя у меня есть подозрение, что вы используете какое-то язык шаблонного здесь а также которые вы не упомянули.