問題重新啓動navbar下拉菜單

我面臨一個關於我的網站導航欄中的下拉菜單的問題。我正在使用引導程序v 3.3.6問題重新啓動navbar下拉菜單

將鼠標懸停在菜單名稱（這是功能）上時，我期待它看起來應該像它旁邊的按鈕（請求演示按鈕）。懸停時右側邊緣變得更銳利。我在網上衝浪很多，但最終我還沒有找到一個必要的解決方法。

這裏是我的代碼片斷

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

見，命名爲「特色」的下拉菜單的右側是非常尖銳的，其中左側是完美的。我想讓右邊應該像左邊一樣。還有一件事是因爲盤旋而產生的黑色效果。

來源

2016-11-10 Abhradip

我期望你在按鈕容器上有'overflow：hidden'或類似的東西。另外 - 你使用任何額外的樣式表？ – oboer

包括你的CSS。 –

它無可奈何然後bootstrap css @ Ron.Basco – Abhradip

如果包括下面的CSS規則，然後在右側的功能框應得到一些填充，

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

雖然我有你正在使用某種形式的模板語言，這裏的嫌疑以及你沒有提到的。

來源

2016-11-10 16:38:53

問題重新啓動navbar下拉菜單

回答

相關問題