我尝试使用图标glyphicon glyphicon-chevron-right来显示我的设计中的方向,但我需要一些比默认大小更薄的内容。 那么如何减少glyphicon glyphicon-chevron-right的默认bootstrap图标的厚度 我的代码是: -
<div style="color:#FFF;">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
</div>
答案 0 :(得分:5)
当前的bootstrap有更多图标,包括一个名为glyphicon-menu-right
的更薄箭头。
您可以随时查找替代图标字体。那里有几十个 - 有些是免费的。或雇用某人创建您需要的图标。或者自己动手,例如使用FontForge。
答案 1 :(得分:1)
您可以非常轻松地更改所有bootstrap glyphicons的css。就像在这种情况下类.glyphicon
&amp;的字体大小和字体重量一样。 .glyphicon-chevron-right
可以缩小到您想要的大小
答案 2 :(得分:0)
我也尝试为此找到解决方案。我会搜索更好的东西,但直到现在我用.fa-chevron-down替换了比.glyphicon-chevron-right更薄的图标。
答案 3 :(得分:-2)
只需为您的图标设置width
和heigth
属性即可。但请确保您将图标尺寸按比例1更改为尺寸与其他