Bootstrap：如何控制图形图标的大小和颜色

Question

我是使用bootstrap的新手。如果问题非常基本，我提前道歉。 我在我的Angular应用程序中使用bootstrap，并希望在页面上添加一个后退按钮图标，但我想要做的是使图标的颜色变为灰色而不是原始颜色，并使其尺寸更大。

<a href="./material_view">
    <span class="glyphicon glyphicon-circle-arrow-left" ></span>
</a>

对于protocol中的图形列表，我选择了类＆＃34; glyphicon glyphicon-circle-arrow-left＆＃34;的图形。 我尝试在span元素中添加高度和宽度，但它没有用。 我想知道是否有任何提示或建议？ 谢谢

Answer 1

也许，如果你不介意，你可以改为Font Awesome Icons（我个人过去曾经遇到很多关于字形的问题）。

实际代码是：

HTML：

<a href="./material_view">
    <i class="fa fa-arrow-circle-left icon" aria-hidden="true"></i>
</a>

你可以通过简单地调用它的类来修改它的CSS：

CSS：

.icon{
    color: gray;
    font-size: 50px; //or whathever you want
}