【问题标题】:Bootstrap 4 Navbar not collapsingBootstrap 4导航栏不折叠
【发布时间】:2016-12-06 00:37:58
【问题描述】:

我刚开始使用 bootstrap 4,并尝试制作折叠菜单。当我单击按钮时,内容显示得非常好。问题是当我尝试折叠菜单时。当我单击按钮时,它会结结巴巴但不会关闭。

代码如下:

            <nav class="navbar navbar-dark bg-inverse">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bird">
             &#9776;
            </button>
            </nav>

            <!-- Content -->
            <div class="collapse navbar-toggleable" id="bird">
            <div class="bg-faded p-a">
            <h4>Test</h4>
            <p>Lorem ipsum is dummy text.</p>
            </div>
            </div>

提前致谢

尼克

【问题讨论】:

  • 对我来说很好jsfiddle.net/iRbouh/mqdytg69
  • @IsmailRBOUH 访问 eraoftech.net 并告诉我是否可行
  • 是的,我认为问题在于您的页面中包含 2 个引导 js 文件! CSS也是!

标签: javascript jquery html css bootstrap-4


【解决方案1】:

您的代码没有问题。检查代码中是否包含所需的 css 和 js 文件。最好使用 bg-light 和 navbar-light。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-07-21
    • 2020-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-06
    • 1970-01-01
    • 2018-04-14
    相关资源
    最近更新 更多