如何减少默认bootstrap图标glyphicon glyphicon-chevron-right的厚度?

时间:2015-11-26 06:01:29

标签: html css twitter-bootstrap

我尝试使用图标glyphicon glyphicon-chevron-right来显示我的设计中的方向,但我需要一些比默认大小更薄的内容。 那么如何减少glyphicon glyphicon-chevron-right的默认bootstrap图标的厚度 我的代码是: -

  <div style="color:#FFF;">
       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  </div>

4 个答案:

答案 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)

只需为您的图标设置widthheigth属性即可。但请确保您将图标尺寸按比例1更改为尺寸与其他