当我输入“ fa fa-pencil-square-o”代码时,它可以正常工作,但是当我使用class =“ @ Model [i] .Icon”之类的图标时,该图标消失了,当我检查它显示为“ fa&nbspfa -pencil-square-o“
@model List<Muksab.Models.AboutModel>
@{
Layout = null;
}
@for (int j = 0; j <= Model.Count(); j++)
{
<div class="row">
@for (int i = 0; i <= 3; i++)
{
if (j <= Model.Count())
{
<div class="col-lg-3 col-md-3 col-sm-6">
<div class="single-about-content">
<div class="icon round-border tran3s">
<i class="@Model[i].Icon" aria-hidden="true"></i>
</div>
<h5><a href="#" class="tran3s">@Model[i].Services</a></h5>
<p>@Model[i].ServicesDescr</p>
<a href="#" class="more tran3s hvr-bounce-to-right">More Details</a>
</div>
</div>
j++;
}
}
</div>
}