Question

我是ASP环境的新手，我正在使用带有Bootstrap V.3.0.0的Visual Studio 2013构建应用程序。

我对Site.Master：

有这个

<div class="navbar-collapse collapse">
     <ul class="nav navbar-nav">
           <li><a runat="server" href="~/"><span class="glyphicon glyphicon-home"></span>Home</a></li>
           <li><a runat="server" href="~/ProducersList"><span class="glyphicon glyphicon-user"></span>Producers</a></li>
           <li><a runat="server" href="~/BeatsList"><span class="glyphicon glyphicon-music"></span>Beats</a></li>
           <li><a runat="server" href="~/License"><span class="glyphicon glyphicon-file"></span>License</a></li>
           <li><a runat="server" href="~/About"><span class="glyphicon glyphicon-info-sign"></span>About</a></li>
           <li><a runat="server" href="~/Contact"><span class="glyphicon glyphicon-pencil"></span>Contact</a></li>
           <li><a runat="server" href="~/ShoppingCart" id="cartCount"><span class="glyphicon glyphicon-shopping-cart"></span></a></li>
      </ul>

Site.Master

的Cart::后面的代码

protected void Page_PreRender(object sender, EventArgs e)
{
    using (ShoppingCartActions usersShoppingCart = new ShoppingCartActions())
    {
          string cartStr = string.Format("Cart ({0})", usersShoppingCart.GetCount());
          cartCount.InnerText = cartStr;
    }
}

所有字形显示除了最后一个，glyphicon-shopping-cart。我要改变什么来展示它？

Answer 1

您的图标会消失，因为您要使用项目计数替换cartCount超链接的全部内容：MSDN tells that

为InnerText赋值将销毁任何子元素属于元素。

因此，您的<span class="glyphicon glyphicon-shopping-cart"></span>无法在InnerText分配中继续存在。你可能宁愿做的是将购物车数量放在包装超链接中：

<li>
    <a href="~/ShoppingCart">
        <span class="glyphicon glyphicon-shopping-cart"></span>
        <span  id="cartCount" runat="server" />
    </a>
</li>

并更改代码以将计算字符串分配给cartCount范围的Text属性，这应该可以。

如果您的链接中不包含某个范围，则可以使用LiteralControl将结果保留为原始文本

Bootstrap glyphicon没有显示

1 个答案: