Bootstrap中的字体图标

标签：

使用 <span class="glyphicon glyphicon-th-large"> XX文字</span>引入字体图标。一般情况下文字放在span 标签之间，前面加一个空格，获得图标与文字之间的间距。

也可以将文字放在span标签之后。

span标签经常出现在链接中，如将文字放在在span 标签之间，不会出现超链接下划线，如字体图标前面有空格，间距大，也可以将文字放在span标签之后会出现下划线。如前面有空格，间距小。

<div class="panel panel-primary">
<div class="panel-heading">
<h2 class="panel-title"><span class="glyphicon glyphicon-th-large"> 栏目导航</span></h2>
</div>

<div class="list-group">
@{
foreach (var category in Model)
{
string categoryCss = category.Active? "active" : null;
<a href="@Url.Action("List", new { categoryID = category.CategoryID})" class="list-group-item @categoryCss">@category.CategoryName <span class="badge">@category.ArticleCount</span></a>

}

}

</div>

</div>

在很多部件中，

Bootstrap中的字体图标

标签：

原文地址：http://www.cnblogs.com/liuyuanhao/p/4486458.html