Html 引导glyphicon cog实际显示glyphicon信封?

Html 引导glyphicon cog实际显示glyphicon信封?,html,css,twitter-bootstrap,reactjs,Html,Css,Twitter Bootstrap,Reactjs,这太奇怪了,根据他们的指导原则,我添加了一个带有glyphicon-glyphicon-cog的span。。。。然而,当加载我的页面时,它实际上显示了信封,即glyphicon glyphicon信封。这到底是怎么发生的?我能做些什么来修复它 我试着加上信封。。。因为也许他们交换了。但它仍然像一个信封一样 下面是glyphion glyphion cog最终显示的内容: 它是这样添加的: <div className="dropdown"> <button cla

这太奇怪了,根据他们的指导原则,我添加了一个带有
glyphicon-glyphicon-cog
的span。。。。然而,当加载我的页面时,它实际上显示了信封,即
glyphicon glyphicon信封
。这到底是怎么发生的?我能做些什么来修复它

我试着加上信封。。。因为也许他们交换了。但它仍然像一个信封一样

下面是
glyphion glyphion 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>

设置
  • 用户:{this.state.data.username}
  • 重置布局
像这样使用它:-


那个信封真的来自引导程序吗

因为它看起来不一样

您应该在开发人员工具中检查,在
span className=“glyphicon glyphicon cog”

它应该是其他东西,而不是引导

如果未修复,您可以手动将
字体系列
用作
字形图标
,将
内容
用作cog的字符代码

您可以在此处找到代码:


    图标信封
  • 字形图标

确保您没有将
文本转换:大写
设置为与大多数图标字体大小写一样重要的元素sensitive@haxxxton我一点也没用过,所以我不认为是这样!这是非常奇怪的行为。如果它们都不起作用,那就有意义了。你需要用
关闭
标记,而不是
你能确认你已经下载并正在使用最新版本的字体吗please@JazZ没什么区别(我想也不应该)。我想知道网页是否没有正确编译我的字体。。。现在检查一下。