Rotating Glyphicons / Font Awesome in Bootstrap

Question

I\'m trying to get the glyphicons in my bootstrap site to rotate on hover (in addition to changing color).

Here\'s my attempt: http://jsfiddle.net/young_greedo17/88g5P/<

Answer 1

New Font awesome introduced rotate notation http://fontawesome.io/examples/

//Normal:
  normal


//Rotated:
  fa-rotate-90

  fa-rotate-180

  fa-rotate-270


//Flipped
  fa-flip-horizontal

  icon-flip-vertical