Jquery 引导移动显示错误

我已经为移动设备设置了导航栏…但是我的代码可能有一些错误，我不知道如何修复它

我已经查找了getbootstrap.com并尝试了一些更改，但仍然不起作用，我应该如何修改代码以调整移动设备

<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get issueed for better mobile display -->
        <div class="navbar-header">
            <a class="navbar-brand" href="/">hello world</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" data-target="#bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-left">
            <li><%= link_to("往期",issues_path) %></li>
            <li><%= link_to("招聘",jobs_path) %></li>
          </ul>
            <ul class="nav navbar-nav navbar-right" >
              <% if !current_user %>
                  <li><%= link_to("註冊", new_user_registration_path) %> </li>
                  <li><%= link_to("登入", new_user_session_path) %></li>
                <% else %>

                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <%= gravatar_tag current_user.email, :size => 30, :default => "https://tower.im/assets/default_avatars/path.jpg"%>
                        Hi!, <%= current_user.email %>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" id="bs-example-navbar-collapse-1">
                      <li> <%= link_to("管理后台", admin_users_path) %> </li>
                      <li> <%= link_to("个人信息", account_user_path(current_user)) %> </li>
                      <li> <%= link_to("登出", destroy_user_session_path, method: :delete) %> </li>
                    </ul>
                  </li>
                <% end %>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

请尝试在头部标签中设置此选项：

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

如果您想了解更多关于如何工作的信息，请查看此

不清楚“移动显示错误”是什么，但您的标记代码不是“引导有效”，因此您的问题可能是，当切换到移动视图时，导航栏不会折叠到移动按钮菜单

你的HTML应该是这样的

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">hello world</a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><%= link_to("往期",issues_path) %></li>
        <li><%= link_to("招聘",jobs_path) %></li>
        <li class="dropdown">
          <ul class="nav navbar-nav" >
              <% if !current_user %>
                  <li><%= link_to("註冊", new_user_registration_path) %> </li>
                  <li><%= link_to("登入", new_user_session_path) %></li>
                <% else %>

                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <%= gravatar_tag current_user.email, :size => 30, :default => "https://tower.im/assets/default_avatars/path.jpg"%>
                        Hi!, <%= current_user.email %>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu" id="bs-example-navbar-collapse-1">
                      <li> <%= link_to("管理后台", admin_users_path) %> </li>
                      <li> <%= link_to("个人信息", account_user_path(current_user)) %> </li>
                      <li> <%= link_to("登出", destroy_user_session_path, method: :delete) %> </li>
                    </ul>
                  </li>
                <% end %>
            </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

切换导航

这段代码显示了一个导航栏，可以正确地折叠到移动按钮菜单（我不知道你的标签内容

---

首先，您甚至还没有告诉我们问题出在哪里……其次，检查您的标记，因为它不是“引导有效的”（例如，导航栏标题应该有一个带有数据目标的按钮=“#bs-example-navbar-collapse-1”，您将其放在DIV中，并在导航栏标题之外）你是怎么提出这个答案的？我以前也有过类似的设置，但在手机上没有运气。把它添加到头标签上对我来说是个好办法。我很困惑，你到底怎么知道出了什么问题…？如果你不将instal scale设置为1来引导，手机设置将无法按预期工作。这不是真的，我从来没有使用过初始刻度，a我的引导移动导航栏菜单工作正常。