Broken in IE

[John-Philip Johansson]

If I fix these things, it's just to prove that I can because I really don't feel like it... =)

Reference: http://getbootstrap.com/getting-started/#support-ie8-ie9

IE 11

• Kickstarter icon broken (it's filled so the K cutout isn't visible). Font format (.eot) issue?

IE 10

• Kickstarter icon broken (see IE 11).
• Panels/columns break completely: expands horizontally and overlaps. Unreadable. Flebox issue?

IE 9

• Kickstarter icon broken (see IE 11).
• Icon's don't animate. caniuse said to use -ms prefix, but it doesn't seem to be recognized by IE.
• Panels/columns look ok (better than IE10!) but have varied heights, which breaks wrapping on smaller screens. Flexbox missing. Better fallback?

IE 8

• "Browsehappy" shown, but not very visible and Bootstrap alert-styling isn't working. grunt-uncss removing the styles?
• Kickstarter icon broken (see IE 11).
• Jumbotron and icons broken, styling is horrible.
• Panels/columns are full width. Use Respond.js?

IE 7 (lol?)

• "Browsehappy" (see IE 8).
• Icon's don't show. Font-face issue?
• Jumbotron and intro text completely broken. Sigh
• Panels/columns are full width. Leave it as-is?