Geek Answers Handbook

How to reduce default bootstrap icon thickness? glyphicon glyphicon-chevron-right?

I tried the glyphicon glyphicon-chevron-right icon to display directions in my design, but I need thinner than the default size. So, how to reduce the thickness of the default bootstrap icon glyphicon glyphicon-chevron-right? My code: -

<div style="color:#FFF;"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </div>
+6
source share
4 answers

The current bootstrap has more icons, including a thinner arrow called glyphicon-menu-right .

You can always find an alternative font for the icon. There are literally dozens - some for free. Or hire someone to create the icons you need. Or do it yourself, for example FontForge .

+5
source

You can very easily change the css of all boot glyphics. As in this case, the font size and font size of the .glyphicon and .glyphicon-chevron-right classes can be reduced to the desired size

+1
source

Just set the width and heigth for your icon. But make sure you resize the icons in proportion to one size by another

0
source

I am trying to find a solution for this too. I will be looking for something better, but so far I have replaced the .fa-chevron-down icon, which is slightly thinner than .glyphicon-chevron-right.

0
source

More articles:


All Articles