一尘不染

使用Bootstrap 2在某些位置但并非在所有位置将字形的颜色更改为蓝色

css

我正在为我的UI使用Bootstrap框架。我想将字形的颜色更改为蓝色,但并非在所有地方都更改。在某些地方,它应该使用默认颜色。


阅读 217

收藏
2020-05-16

共1个答案

一尘不染

终于我找到了答案。要在2.3.2引导程序中添加新图标,我们必须在文件中添加FontAwsome
css。完成此操作后,我们可以使用css覆盖样式以更改颜色和大小。

<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

CSS

.brown{color:#9b846b}

如果我们想更改图标的颜色,则只需添加棕色类,图标就会变成棕色。它还提供各种大小的图标。

HTML

<p><i class="icon-camera-retro icon-large brown"></i> icon-camera-retro</p> <!--brown class added-->
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
2020-05-16