导航栏未在引导材料中展开

Question

我正在创建一个网络应用程序，我在其中使用来自引导材料的导航栏

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>