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

Question

我对使用引导程序非常陌生。因此，如果问题非常基本，我提前道歉。 我在我的 Angular 应用程序中使用引导程序，并想在页面上添加一个后退按钮图标，但我想做的是使图标的颜色变为灰色而不是原来的颜色，并使其尺寸更大。

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

对于https://getbootstrap.com/docs/3.3/components/#nav 中的图形列表，我选择了“glyphicon glyphicon-circle-arrow-left”类的图形。 我尝试向 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
}