Twitter bootstrap 引导:汉堡菜单不会显示

Twitter bootstrap 引导:汉堡菜单不会显示,twitter-bootstrap,hamburger-menu,Twitter Bootstrap,Hamburger Menu,//当我最小化屏幕时,为什么我的关于我的联系人和投资组合不能浓缩到汉堡包菜单中?我从引导复制了按钮代码 您需要指定一个图标,否则将不会设置切换图标的样式 您还存在一些其他不一致之处。您可能希望从BS4示例导航栏的副本开始,然后重试。在开始删除容器或覆盖样式之前,请设置菜单项 <div class="container-fluid border navbar-expand-lg" style="overflow:visible; background-color: #ffffff">

//当我最小化屏幕时,为什么我的关于我的联系人和投资组合不能浓缩到汉堡包菜单中?我从引导复制了按钮代码

您需要指定一个图标,否则将不会设置切换图标的样式

您还存在一些其他不一致之处。您可能希望从BS4示例导航栏的副本开始,然后重试。在开始删除容器或覆盖样式之前,请设置菜单项

<div class="container-fluid border navbar-expand-lg" style="overflow:visible; background-color: #ffffff">
    <a href="#" class="nameBlock"> Vamsi Krishna Pappusetti</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="list" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button> 
    <ul class="nav justify-content-end" style="display: inline-flex;" id="list">    
        <li class="nav-item">
          <a class="nav-link " href="#">About Me</a>
        </li>
        <li class="nav">
          <a class="nav-link" href="contact.html">Contact</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="C:\Users\vpvam\BootcampClassFiles\Bootstrap-Portfolio\portfolio.html">Portfolio</a>
        </li>
    </ul>
</div>