Bootstrap:Navbar-Toggler-Icon未显示
我正在尝试使用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 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论