Значок Glyphicon не отображается и не выполняет требуемую функциональность в меню боковой панели

Question

Я ищу, чтобы добавить значок в виде глификон-левого меню на боковой панели моего приложения, чтобы при щелчке боковая панель сворачивалась в значок меню гамбургера. Однако с моим настоящим кодом сам значок (левая стрелка) не появляется, и когда кнопка нажата, ничего не происходит. Вот HTML сегмент с помощью кнопки glyphicon:

<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. Вы должны найти следующий код внутри файла bootstrap.css

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