0
我使用引導程序導航欄,並且有一個可摺疊的導航欄。但是我面臨一個奇怪的問題,無論何時我打算在小型設備上打開我的網站,即手機或平板電腦(實際上我需要可摺疊的導航欄的設備),它都會默認打開導航欄。這不應該發生。如果我點擊導航欄按鈕(三行按鈕),那麼只有導航欄應該展開。但是我的導航欄默認情況下會首次在小型設備上進行擴展。引導程序中可摺疊導航欄的問題
這裏是我的代碼:
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header"><%= image_tag("logo.png", alt: "industryPrime") %></div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-collapse collapse in" id="myNavbar">
<ul class="navigation pull-right">
<li class="dropdown">
<div class="dropdown">
<button id="feature_button" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" style="background-color: transparent; color: #51a3af; border: none; font-size:11px;">FEATURES
<span class="caret"></span></button>
<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>
</div>
</li>
<li>
<%= link_to "Case Study", user_maan_case_study_path %>
</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>
</div>
</nav>
我的網站鏈接是http://www.industryprime.com
請幫我解決這個問題。
在此先感謝!
非常感謝。這是工作。 – Abhradip
最受歡迎:) – Swapna