Fatal编程技术网

Twitter bootstrap Glyphicon引导程序不'；可能不行

twitter-bootstrap

Twitter bootstrap Glyphicon引导程序不'；可能不行,twitter-bootstrap,frontend,glyphicons,web-frontend,Twitter Bootstrap,Frontend,Glyphicons,Web Frontend,我正在研究引导框架，对glyphicon有疑问。我使用的是bootstrap v3.3.6，在HTML中，我有这个图标 <span class="glyphicon glyphicon-menu-right" aria-hidden="false"></span> 但它没有显示图标。我认为这是因为bootstrap中的版本。所以我试着把这条线放到项目中 <link rel="stylesheet" href="https://maxcdn.bootstrapc

我正在研究引导框架，对glyphicon有疑问。我使用的是bootstrap v3.3.6，在HTML中，我有这个图标

<span class="glyphicon glyphicon-menu-right" aria-hidden="false"></span>
但它没有显示图标。我认为这是因为bootstrap中的版本。所以我试着把这条线放到项目中

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
图标将显示，但项目中的所有样式也将被覆盖。一切都将被打破(

有人对这个问题有经验吗？请给我一些建议。
谢谢。

如果我们使用最少的html代码，例如：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta charset="utf-8" />
   <title>Test</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <span class="glyphicon glyphicon-menu-right" aria-hidden="false"></span>
</body>
但是，即使我使用3.3.6版本，它也在为我显示-是的。如果我们插入标题的链接，它会工作，但自定义css将被引导样式覆盖。无论如何，感谢您的帮助^^您能提供参考您的自定义css吗？然后它将帮助我跟踪事实。我试图重现我的问题，但无法使问题成为happens.我认为这是因为project中的css冲突造成的。因此我找到了另一种显示符号的方法，使用：after伪代码。它工作正常：d感谢您的回答。我尝试了所有这些方法，但图标仍然没有显示。我尝试了另一个glyphicon:glyphicon plus->它工作正常，但glyphicon菜单右：（具有内容值的glyphicon以数字“\002a”和“\002b”开头…仍然可以正常工作。具有内容值的glyphicon以字母“\e001”和“\e002”开头）…失败。我不知道为什么…你能发布一个fiddle吗？我试图将我的问题复制到fiddle，但无法使问题发生。我认为这是因为项目中的配置。这么多人在处理它，可能会产生冲突。所以我找到了另一种显示符号的方法，使用：after伪代码。它工作正常：D 
.tag {
  font-family: Arial !important; //see the !important which helps you override styles
}