html - Bootstrap glyphicon-cog 实际上显示了 glyphicon-envelope？

Question

根据他们的指南，这太奇怪了 here ，我添加了一个带有 glyphicon glyphicon-cog 的跨度......但是，当加载我的页面时，它实际上显示了信封 - 这是 glyphicon glyphicon-envelope。这究竟是如何发生的，我该如何解决？

我试过添加信封...因为他们可能调换了它。但它看起来仍然像一个信封，一样。

这是 glyphicon glyphicon-cog 最终显示的内容:

是这样添加的:

<div className="dropdown">
      <button className="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
          <h6 style={{fontFamily: "'Open Sans', sans-serif",
          fontSize: "12px", fontVariant: "small-caps"}}>
          settings </h6>
          <span className="glyphicon glyphicon-cog" />
      </button>
      <ul className="dropdown-menu" style={{textAlign: "center"}}>
          <li>
              <h5 style={{fontFamily: "'Open Sans', sans-serif", fontSize: "12px", fontVariant: "small-caps"}}>
                  user: {this.state.data.username} </h5>
          </li>
          <li style={{display: "inline-block"}}>
              <button onClick={this.resetLayout} className="btn btn-default" style={{fontFamily: "'Open Sans', sans-serif",
                  fontSize: "12px", fontVariant: "small-caps"}}>
                  reset layout </button>
          </li>
          <li style={{display: "inline-block"}}>
              <button className="btn btn-default" style={{fontFamily: "'Open Sans', sans-serif",
                  fontSize: "12px", fontVariant: "small-caps"}}>
                  <a href="/logout" style={{color: "black"}}> logout</a></button>
          </li>
      </ul>
  </div>

Answer 1

像这样使用它:-

<span class="glyphicon glyphicon-cog"></span>