html - Bootstrap 折叠移动导航栏不工作

Question

我有一个导航栏，当它在移动屏幕上打开时，它没有按应有的方式进入小菜单按钮。

如果我在 Chrome 上测试它并缩小屏幕尺寸，导航栏会折叠到移动设备中，但在移动设备屏幕上打开时将无法工作。

我的问题是:是我的导航栏问题吗？我在哪里可以检查导航栏折叠的位置？

这是我的导航栏

  <div class="collapse navbar-collapse col-xs-6 col-sm-6 col-md-6 col-lg-6 col-xs-offset-3 col-sm-offset-3 col-md-offset-3 col-lg-offset-3" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav menu">
        <li id="posts">
          <%= link_to "POSTS", posts_path %>
        </li>
        <li id="athletes">
          <%= link_to "ATLETAS", athletes_path %>
        </li>
        <li id="videos">
          <%= link_to "VIDEOS", videos_path %>
        </li>
        <li id="products">
          <%= link_to "PRODUTOS", products_path %>
        </li>
        <li id="cardapio">
          <%= link_to "CARDAPIO", menus_path %>
        </li>
        <li id="recipes">
          <%= link_to "RECEITAS", recipes_path %>
        </li>
        <li id="contact">
          <%= link_to "QUEM SOMOS", new_contact_path%>
        </li>
        <% if session[:adm] == "true" %>
          <li>
            <%= link_to "SAIR", :controller => "adms", :action => "singOut"%>
          </li>
        <% end %>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->

Answer 1

我以前遇到过类似的问题，我发现我错过了这条线。

<meta name="viewport" content="width=device-width, initial-scale=1">