Question

Has anyone else noticed strange behaviour by Twitter Bootstrap in IE8 and below? I have two buttons, as follows:

<input type="submit" class="btn btn-primary btn-large"/>
<input type="reset" class="btn btn-large"/>

The btn-primary button is displaying really small, but the button with just btn btn-large is large, as expected.

Any ideas?

Thanks,
Chris

EDIT: Screenshot:

Answer 1

from my comment

Typically any issues you might find with buttons are due to other
style sheets, are you including anything other than bootstrap css?

What you want to do is using CHROME ‘right click’ on the element, and inspect, then review the styles that are applied to that element.

More-often than not, it is other things being inherited or causing conflict. IE is a fickle beast, one I think most of us would rather do without when it comes to CSS/HTML5 😉