0
私のウェブサイトのナビゲーションバーのドロップダウンメニューに関する問題に直面しています。私はブートストラップを使用しています。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>
左側が完璧で場所を確認、「機能」という名前のドロップダウンの右側には、非常に鋭いです。私はその右側が左側のようにすべきだと思う。そして、黒っぽい効果の1つは、ホバリングのためだけです。
ボタン・コンテナに 'overflow:hidden'などがあると思います。また、追加のスタイルシートを使用しますか? – oboer
にはあなたのCSSが含まれています。 –
それ以外の誰もブートストラップしていない@ Ron.Basco – Abhradip