将汉堡包图标添加到引导侧栏中

Question

我正试着把汉堡菜单添加到我的侧边栏。我使用的是引导侧边栏-版本3.3.7，我的bootstrap.min.css复制到我的文件夹：

<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/> 

守则：

const contentHeader = (
    <span>
       <a href="#" onClick={this.menuButtonClick}>
         <span class="glyphicon glyphicon-menu-hamburger">=</span>
       </a>
       <span> My Site - {this.state.selected}</span>
  </span>);

当我运行这个网站时，我看不到图标，我试着调试我缝制的这个元素是空的，当我编辑这个元素并添加class=“图标图标-菜单-汉堡包”时，汉堡图标就出现了。

元素的调试图像。

我怎么才能让图标一直出现？

Answer 1

我猜您是从这个语法中使用JSX + React，在这种情况下，您需要在html属性中使用className而不是类。

我建议使用Atom编辑器，它会为您突出这个问题。