字形图标未显示，并且未在侧边栏菜单中执行所需的功能

Question

我希望在我的应用程序的侧边栏中添加一个glyphicon-menu-left图标，以便在单击它时，侧边栏折叠为汉堡菜单图标。但是，使用我当前的代码，图标本身（向左箭头）不会出现，并且单击按钮时，没有任何反应。以下是带有字形图标按钮的 html 段：

<div class="container">
<div class="row">
    <!--Collapsable navbar-->
    <div class="sidebar-nav">
      <div class="navbar navbar-default" role="navigation">
        <div class="navbar-header" >
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <span class="visible-xs navbar-brand">Logo</span>
        </div>
        <div class="navbar-collapse collapse sidebar-navbar-collapse">
          <button type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-menu-left leftarrow" aria-hidden="true"></span>
          </button>
          <ul class="nav navbar-nav mylist" style="align-items:center">

为什么图标

本身没有出现，为什么图标不执行所需的功能？提前非常感谢:)

Answer 1

我遇到了同样的问题，我通过将 Bootstrap 版本从 3.3.1 升级到 3.3.7 来修复它。您应该在引导程序.css文件中找到以下代码

.glyphicon-menu-left:before {
    content: "e257";
}