부트 스트랩의 접을 수있는 navbar와 관련된 문제

Question

부트 스트랩 navbar를 사용하고 접을 수있는 navbar가 있습니다. 그러나 나는 작은 장치, 즉 휴대 전화 또는 태블릿 (실제로 어느 장치에 접을 수있는 내비게이션 장치가 필요한지)에서 내 사이트를 열 때마다 이상한 문제에 직면 해 있습니다. 기본적으로 Navbar를 열면됩니다. 이것은 일어나서는 안됩니다. 네비게이션 버튼 (세 줄 버튼)을 클릭하면 네비게이션 바가 확장됩니다. 그러나 내 탐색 바는 작은 장치에서 기본적으로 처음 확장됩니다.

이

<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

입니다 :

여기 내 코드입니다.

미리 감사드립니다.

Answer 1

in을 <div class="navbar-collapse collapse in" id="myNavbar">에서 제거하십시오. 희망이 당신을 도울 것입니다.