title: Bootstrap 3 Horizontal Form / IE8 Support
body: <p>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:</p>
  
  <pre><code>&lt;form class="form-horizontal" role="form"&gt;
      &lt;div class="form-group"&gt;
      &lt;label for="inputEmail1" class="col-lg-2 control-label"&gt;Email&lt;/label&gt;
      &lt;div class="col-lg-10"&gt;
      &lt;input type="email" class="form-control" id="inputEmail1" placeholder="Email"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;div class="form-group"&gt;
  &lt;label for="inputPassword1" class="col-lg-2 control-label"&gt;Password&lt;/label&gt;
  &lt;div class="col-lg-10"&gt;
    &lt;input type="password" class="form-control" id="inputPassword1" placeholder="Password"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
  &lt;div class="col-lg-offset-2 col-lg-10"&gt;
    &lt;div class="checkbox"&gt;
      &lt;label&gt;
        &lt;input type="checkbox"&gt; Remember me
      &lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
  &lt;div class="col-lg-offset-2 col-lg-10"&gt;
    &lt;button type="submit" class="btn btn-default"&gt;Sign in&lt;/button&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And noticed it does not display properly in IE8. Even by going to the documentation URL:</p>
  
  <p><a href="http://getbootstrap.com/css/#forms-horizontal" rel="nofollow noreferrer">http://getbootstrap.com/css/#forms-horizontal</a></p>
  
  <p>does not display properly in IE8.</p>
  
  <p><img src="https://i.stack.imgur.com/aIE9G.png" alt="enter image description here"></p>
  
  <p>Do I have to write forms in a specific format in order to make them work in IE8?</p>
  
  <p>Thanks!</p>