bootstrap 中有关可折叠导航栏的问题

Question

我正在使用 bootstrap 导航栏并且我有一个可折叠的导航栏。但我面临一个奇怪的问题，每当我要在小型设备上打开我的网站时，即移动 phone 或平板电脑（实际上我需要可折叠导航栏的设备），默认情况下打开导航栏。这不应该发生。如果我点击导航栏按钮（三行按钮），那么只有导航栏应该展开。但是我的导航栏在小型设备上第一次默认展开。

这是我的代码：

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

我的网站 link 是 http://www.industryprime.com

请帮我解决一下。

提前致谢！！！

Answer 1

请删除 <div class="navbar-collapse collapse in" id="myNavbar"> 中的 class in 。希望对你有帮助。

bootstrap 中有关可折叠导航栏的问题

Issue regarding collapsible navbar in bootstrap

html

css

navbar

twitter-bootstrap