Question

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

这是困扰我的代码

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

Navbar未在引导程序材质中扩展

1 个答案: