Проблема, касающаяся складного navbar в bootstrap

Question

Я использую bootstrap 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">. Надеюсь, это поможет вам.