Css 如何做引导导航下拉菜单?

Css 如何做引导导航下拉菜单?,css,twitter-bootstrap,Css,Twitter Bootstrap,我在Html中使用引导css。 这是我的密码: <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu <span class="caret"></span></a> <ul class="dropdown-menu"> <l

我在Html中使用引导css。
这是我的密码:

<li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu
            <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a href="#">Burger's</a></li>
            <li><a href="#">Fries</a></li>
            <li><a href="#">Milkshakes</a></li>
        </ul>
</li>
  • 它不会创建下拉链接。
    我遗漏了什么?

    
    
    <nav class="navbar navbar-default">    
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
    
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu
                        <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Burger's</a></li>
                        <li><a href="#">Fries</a></li>
                        <li><a href="#">Milkshakes</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    
    切换导航

    试试这个。在任何情况下供参考:

    请确保已添加3个文件

  • bootstrap.js之前的jquery库文件
  • bootstrap.js 及
  • 头标签中的bootstrap.css

  • 我不确定,由于您没有共享演示文件,您还编写了哪些代码

    如果您还没有参考引导程序的网站,该网站演示了如何添加按钮下拉列表,请参考本网站-