【问题标题】:Bootstrap Toggle Burger Menu not working when switched to mobile view切换到移动视图时,Bootstrap Toggle Burger Menu 不起作用
【发布时间】:2021-08-12 14:45:31
【问题描述】:
<nav class="navbar navbar-expand-lg navbar-dark  px-2 " style="background-color:#E53935;">
          <a class="navbar-brand" href="#">HeadOverMeals</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ">
              <li class="nav-item active">
                <a class="nav-link" href="#">Home</a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="#">Contact</a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="#">Cart</a>
              </li>
            </ul>
          </div>
        </nav>

【问题讨论】:

  • 您好,欢迎来到 stackoverflow。如果您提供更多有关问题所在以及您想要实现的目标的详细信息,这将有助于人们回答您的问题。

标签: php html css web menu


【解决方案1】:

确保您已按照以下步骤操作: 第 1 步:在“header 标签”中添加适当的“css”文件,在“body 标签”末尾添加“javascript”文件。你可以在这里找到链接https://www.bootstrapcdn.com/

第 2 步:尝试从引导网站复制默认导航栏,然后对其进行编辑。 你可以在这里找到它https://getbootstrap.com/docs/4.0/components/navbar/

我遇到了类似的问题,第一步解决了。

【讨论】:

    猜你喜欢
    • 2015-10-27
    • 2020-07-10
    • 1970-01-01
    • 2021-03-26
    • 2020-10-08
    • 2021-09-08
    • 2013-09-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多