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没什么区别(我想也不应该)。我想知道网页是否没有正确编译我的字体。。。现在检查一下。