引导导航栏移动切换不起作用

基恩·金

我加载了bootstrap css和js文件,并添加了以下html代码。两者均已成功加载-head标记下的css和页脚下的js。其他功能也可以正常工作。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container container-header">

  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <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="{{ url_for('public.home') }}">

      NekTime

    </a>
  </div>
  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li><a href="{{ url_for('public.home') }}">Home</a></li>
      <li><a href="{{ url_for('public.about') }}">About</a></li>
    </ul>
    {% if current_user and current_user.is_authenticated() %}
    <ul class="nav navbar-nav navbar-right">
        <li>
            <p class="navbar-text"><a class="navbar-link" href="{{ url_for('user.members') }}">Logged in as {{ current_user.username }}</a></p>
        </li>
        <li><a class="navbar-link" href="{{ url_for('public.logout') }}"><i class="fa fa-sign-out"></i></a></li>

    </ul>
    {% elif form %}
    <ul class="nav navbar-nav navbar-right">
      <li><a href="{{ url_for('public.register') }}">Create account</a></li>
    </ul>
    <form id="loginForm" method="POST" class="navbar-form form-inline navbar-right" action="/" role="login">
      {{ form.hidden_tag() }}
      <div class="form-group">
        {{ form.username(placeholder="Username", class_="form-control") }}
        {{ form.password(placeholder="Password", class_="form-control") }}
      </div>
      <button type="submit" class="btn btn-default">Log in</button>
    </form>
    {% endif %}
  </div><!-- /.navbar-collapse -->
  </div><!-- /.container -->
</nav>

当我缩小浏览器时,切换按钮会替换其他菜单,但是我无法展开该切换按钮。我设法找到了正确的数据目标。.我不知道下一步该怎么做。

基恩·金

它在第二天工作。当我更改了加载jquery的代码时。猜猜先前带jquery的代码无法正常工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

切换按钮折叠在引导程序中的Bootstrap导航栏中不起作用

来自分类Dev

Bootstrap导航栏切换不起作用

来自分类Dev

Bootstrap 4.5.3导航栏切换不起作用

来自分类Dev

切换按钮折叠在Bootstrap导航栏中不起作用

来自分类Dev

导航栏切换器单击功能不起作用

来自分类Dev

导航栏切换按钮和下拉菜单不起作用

来自分类Dev

Bootstrap 4.1.1 导航栏切换器不起作用

来自分类Dev

引导程序 3 切换按钮不起作用

来自分类Dev

引导导航栏不切换

来自分类Dev

响应式导航菜单:切换不起作用

来自分类Dev

Bootstrap 3导航切换不起作用

来自分类Dev

Bootstrap切换导航不起作用

来自分类Dev

响应式导航切换不起作用

来自分类Dev

移动Angular Ui切换不起作用

来自分类Dev

移动菜单切换不起作用

来自分类Dev

如何复制引导移动导航栏切换(不使用引导)?

来自分类Dev

引导导航栏切换不适用于移动设备

来自分类Dev

切换MediaView不起作用

来自分类Dev

切换动画不起作用

来自分类Dev

切换className不起作用

来自分类Dev

jQuery切换不起作用

来自分类Dev

切换按钮不起作用

来自分类Dev

Javascript切换不起作用

来自分类Dev

jQuery切换不起作用

来自分类Dev

引导程序下拉列表:“导航栏切换”事件?

来自分类Dev

使用按钮切换引导导航栏

来自分类Dev

引导程序易动菜单切换背景色不起作用

来自分类Dev

单击链接时,引导程序切换不起作用

来自分类Dev

如何在引导程序中启用切换按钮导航栏切换