我正在创建一个 Web 应用程序,我在其中使用 Bootstrap Material 中的导航栏
这是困扰我的代码
<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/