我从互联网上下载模板。我正在开发一个网站，请告诉我如何更改如图所示的图标，显示为黑色和红色框？ 我在visual studio，asp.net工作。我检查了模板的所有文件夹，但我找不到这些图标，请帮助我如何替换图标？ 这是模板图像的链接 http://s18.postimg.org/5430kdnnt/Untitled.jpg 这是模板链接http://www.aspxtemplates.com/template-overview/dotnet/bootstrap1.aspx
【问题讨论】：
根据您的共享链接，您可以在此处更改它。首先，图标来自 font-awesome.min.css，您可以在名为 fonts\font-awesome 的文件夹中找到所有字体。
现在，在您的链接中，所有图标都刻在Italic tag 中，例如
<div class="feature-wrap">
<i class="fa fa-th-list"></i>
<h2>Menu or Navbar</h2>
<h3>A standard navigation class navbar navbar-default</h3>
</div>
您在上面的 HTML 中发现您的主要关注点应该是 <i class="fa fa-th-list"></i> 这个标签，例如这里的图标是由 CSS 创建的。现在为此在font-awesome.min.css 中编写了一个css，上面就是这个。
.fa-th-list:before {
content: "\f00b";
}
内容部分添加图标。您需要将其注释掉并将其替换为backgroud-imageelse 访问此处Font Awesome Icons 并从此处选择您最喜欢的图标并将<i class="fa fa-th-list"></i>（例如）替换为那里提到的那个。
【讨论】：
首先找到设置图片的方法（可以用css样式设置，也可以用imghtml标签设置）。例如，在 Chrome 中，右键单击元素，然后从上下文菜单中选择 Inspect element。在打开的窗口的右侧，您将看到竖框和源文件（.css 文件），如果是这样的话。你应该寻找background-image: url(some/path/to/image)。您可以更改 css 文件中文件的路径，或在给定位置替换图像文件本身。
编辑：忘记上面关于图像的理论。它设置有伪元素:before 和:after，以及一个特殊的css 字体，你可以找到here。您评论中链接上的 css 文件是 /css/font-awesome.min.css。
你应该可以找到.fa-th:before，并像这样自定义它：
.fa-th:before {
width: 50px;
height: 50px;
padding: 20px;
content: '';
background-size: 300px;
background-image: url("http://cdn.sstatic.net/stackoverflow/img/sprites.svg?v=a7723f5f7e59"),none;
background-position: top left;
background-repeat: no-repeat;
}
【讨论】：