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

Question

我正在创建一个 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>

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

Answer 1

尝试改变

<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>