圖標圖標沒有顯示，也沒有在邊欄菜單中執行所需的功能

我正在尋找添加一個glyphicon-menu-left圖標到我的應用程序的側邊欄，這樣當它被點擊時，側邊欄會摺疊成漢堡菜單圖標。然而，用我現在的代碼，圖標本身（左箭頭）不會出現，並且當按鈕被點擊時，沒有任何反應。這裏是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">

爲什麼沒有圖標本身出現的，爲什麼不將圖標執行所需的功能？非常感謝提前:)

來源

2016-07-13 Will Bodansky

請發表**最小工作示例**你在[片段]（HTTPS代碼（HTML/CSS/JS）的：//博客.stackoverflow.com/2014/09 /引入可運行的JavaScript-CSS-和HTML的代碼段/）。參見[mcve]和[問]。 – vanburen

[Bootstrap glyphicon-menu-hamburger not displayed]的可能重複（http://stackoverflow.com/questions/28385408/bootstrap-glyphicon-menu-hamburger-not-showing） –

我有同樣的問題，我通過升級Bootstrap版本從3.3.1到3.3.7固定它。你應該找到bootstrap.css文件中下面的代碼

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

來源

2017-10-11 13:01:55

圖標圖標沒有顯示，也沒有在邊欄菜單中執行所需的功能

回答

相關問題