Font-awesome: fa-caret-right and fa-caret-down button are not of same width or what??

Created on 11 May 2016  路  2Comments  路  Source: FortAwesome/Font-Awesome

I wanted to have bootstrap's navbar anchor items fa-caret-right at its end. so i added them and after that i wanted to have the fa-caret-right to change to fa-caret-down on hover. It was usual to see links were moving to left on hover(like padding was applied on hover). First i thought it was bootstrap overriding of something. I did trial and error and finally then i replaced font-awesome fa-caret-right with glyphicon-chevron-right. Guess what, it worked. there was no issue with bootstrap's glyphicon.

Is there any issue with width of fa-caret-right and fa-caret-down? Cause it seemed to me.

question

All 2 comments

use fa-fw as extra class.

Hi,

Font Awesome icons have not the same width by design choice

Use fa-fw ad @My1 pointed out or css transforms for your use case

Hope it helps, closing here

Was this page helpful?
0 / 5 - 0 ratings

Related issues

omnimint picture omnimint  路  3Comments

brystfire08 picture brystfire08  路  3Comments

douglasdeodato picture douglasdeodato  路  3Comments

yarcowang picture yarcowang  路  3Comments

jakuuub picture jakuuub  路  3Comments