Bootstrap:Navbar-Toggler-Icon未显示

发布于 2025-02-13 20:17:10 字数 941 浏览 0 评论 0原文

我正在尝试使用Toggler图标崩溃并隐藏我的应用中的一些Navbar元素。为此,我复制了Bootstrap自己的网站同时添加一些调整时,我自己:

      <button class="navbar-toggler" type="button"
              data-toggle="collapse" data-bs-target="#navbarSupportedContent"
              aria-controls="navbarSupportedContent" aria-expanded="false"
              aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button> 
     <div class="col-3" >
        <ul class="navbar-nav  collapse navbar-collapse"
            id="navbarSupportedContent">
          <li class="nav-item active">
            <a class="nav-link" [...] >Some text</a></li>
            [...]
        </ul>
      <div>

但是,当我运行Web应用程序时,图标未显示;相反,有一个隐形按钮,当单击时,它也不会显示列表项。

I am trying to use the toggler icon to collapse and hide some navbar elements in my app. For this, I copied the code found in Bootstrap's own website while adding some adjustments of my own:

      <button class="navbar-toggler" type="button"
              data-toggle="collapse" data-bs-target="#navbarSupportedContent"
              aria-controls="navbarSupportedContent" aria-expanded="false"
              aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button> 
     <div class="col-3" >
        <ul class="navbar-nav  collapse navbar-collapse"
            id="navbarSupportedContent">
          <li class="nav-item active">
            <a class="nav-link" [...] >Some text</a></li>
            [...]
        </ul>
      <div>

However, when I run the web application the icon is not displayed; instead, there is an invisible button that, when clicked on, does not display the list items either.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文