gpt4 book ai didi

html - 导航栏未在 Bootstrap Material 中扩展

转载 作者:行者123 更新时间:2023-11-28 04:35:03 25 4
gpt4 key购买 nike

我正在创建一个 Web 应用程序,我在其中使用 Bootstrap Material 中的导航栏

From Here

这是困扰我的代码

<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" data-target="#" class="dropdown-toggle" data-toggle="dropdown">
Dropdown
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>

那里有一个部分,当我点击下拉选项时,网站上的下拉菜单是用向下箭头写的,就像它应该打开的方式一样,但是当我复制代码并将其粘贴到我的程序中时,代码停止工作

最佳答案

尝试改变

<b class="caret"></b>

<span class="caret"></span>

如果这对进一步引用不起作用,请尝试这个(这是整个代码),然后用您想要的值替换默认值

<ul class="nav navbar-nav navbar-right" style="max-width: 300px;">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li class="disabled"><a href="#">Disabled</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" data-target="#" aria-expanded="false">
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>

关于html - 导航栏未在 Bootstrap Material 中扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41530240/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com