bootstrap设置图标大小的方法

这篇文章主要介绍了bootstrap设置图标大小的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

bootstrap设置图标大小:

代码如下:

<div class="row"><span class="glyphicon glyphicon-headphones logo"></span></div>
<div class="row"><span class="glyphicon glyphicon-map-marker logo"></span></div>
<div class="row"><span class="glyphicon glyphicon-fire logo"></span></div>

关于如何设置图标大小,可以使用font_size来设置
我在此是写了样式来设置

.logo{
        color: #f4511e;
	font-size: 60px;
}

效果如下:

bootstrap设置图标大小的方法

font_size使用示例:

p { font-style: normal; }
p { font-size: 12px; }
p { font-size: 20%; }

感谢你能够认真阅读完这篇文章,希望小编分享bootstrap设置图标大小的方法内容对大家有帮助,同时也希望大家多多支持亿速云,关注行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!