1

So I'm working on a website using Bootstrap 3. This website needs to render properly in IE8 (yes I know). I'm working on a horizontal form right now. Used the code provided by Bootstrap documentation:

<form class="form-horizontal" role="form">
    <div class="form-group">
    <label for="inputEmail1" class="col-lg-2 control-label">Email</label>
    <div class="col-lg-10">
    <input type="email" class="form-control" id="inputEmail1" placeholder="Email">
    </div>
    </div>
<div class="form-group">
<label for="inputPassword1" class="col-lg-2 control-label">Password</label>
<div class="col-lg-10">
  <input type="password" class="form-control" id="inputPassword1" placeholder="Password">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
  <div class="checkbox">
    <label>
      <input type="checkbox"> Remember me
    </label>
  </div>
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
  <button type="submit" class="btn btn-default">Sign in</button>
</div>
</div>
</form>

And noticed it does not display properly in IE8. Even by going to the documentation URL:

http://getbootstrap.com/css/#forms-horizontal

does not display properly in IE8.

enter image description here

Do I have to write forms in a specific format in order to make them work in IE8?

Thanks!

Johann
  • 641
  • 2
  • 9
  • 27
  • 2
    What does "does not display properly" mean? Many of us don't have IE8 available, but we may be able to help with a better description. – isherwood Oct 17 '13 at 18:41
  • Thanks @isherwood. I've updated the question with a screenshot – Johann Oct 17 '13 at 18:45

1 Answers1

1

Take a look at the explanation here: IE8 issue with Twitter Bootstrap 3

You'll need to add respond.js to your site for IE8 to process media queries. https://github.com/scottjehl/Respond

More here: http://getbootstrap.com/getting-started/#browsers

Community
  • 1
  • 1
isherwood
  • 46,000
  • 15
  • 100
  • 132