Bootstrap form-group alignment not proper in IE 11
<p>I have created a Bootstrap 3.3.4 Form, which works perfectly fine in chrome, but in IE 11 the fields disorient. I have tried adding the following tags but no difference. Screenshots below for fields display chrome and IE</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
        &lt;meta http-equiv="X-UA-Compatible" content="IE=11"&gt;
</code></pre>

<p><strong>Fields in chrome</strong>
<a href="https://i.stack.imgur.com/fPxay.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fPxay.png" alt="Fields in Chrome"></a></p>

<p><strong>Fields in IE</strong>
<a href="https://i.stack.imgur.com/fsqbe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fsqbe.png" alt="Field in IE"></a></p>

<p>Code is as below : </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;!-- Latest compiled and minified CSS --&gt;
  &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;

  &lt;!-- Optional theme --&gt;
  &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"&gt;

  &lt;!-- Latest compiled and minified JavaScript --&gt;
  &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
  &lt;form action="insert.php" name="frmAdd" method="post"&gt;
    &lt;div class="panel panel-primary"&gt;
      &lt;div class="panel-heading"&gt;
        &lt;h4&gt;LOSS EVENT&lt;/h4&gt;
      &lt;/div&gt;
      &lt;br/&gt;
      &lt;div class="container"&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Loss Event No&lt;/label&gt;
          &lt;div class="col-xs-10"&gt;
            &lt;textarea name="Loss_No" rows="1" cols="50" class="form-control" readonly&gt;
            &lt;/Textarea&gt;
            &lt;br/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Additional Details&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;select name='AdditionalDetails' id="AdditionalDetails" class='form-control selectpicker' required&gt;
              &lt;option value=""&gt;Select Additional Details&lt;/option&gt;
            &lt;/select&gt;
          &lt;/div&gt;
          &lt;label class="col-xs-2"&gt;Date of Occurance&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;input type="text" id="datepicker" name="Date_Occurance" value="" class="form-control" readonly&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Date of Discovery&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;input type="text" id="datepicker1" name="Date_Discovery" value="" class="form-control" Required&gt;
          &lt;/div&gt;
          &lt;label class="col-xs-2"&gt;Date of Reporting&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;div&gt;
              &lt;input type="text" id="datepicker2" name="Date_Reporting" value="" class="form-control" Required&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Description of Loss&lt;/label&gt;
          &lt;div class="col-xs-10"&gt;
            &lt;textarea name="Description_Loss" rows="5" cols="100" class="form-control"&gt;
            &lt;/Textarea&gt;
            &lt;br/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;GL Used&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;input type="text" name="GL_Used" class="form-control"&gt;
            &lt;br/&gt;
          &lt;/div&gt;
          &lt;label class="col-xs-2"&gt;Any Criminal Event&lt;/label&gt;
          &lt;label name="CriminalEvent"&gt;&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;select name='CriminalEvent' class='form-control selectpicker' required&gt;
              &lt;option value="" selected&gt;Select&lt;/option&gt;
              &lt;option value="Y"&gt;Yes&lt;/option&gt;
              &lt;option value="N"&gt;No&lt;/option&gt;
            &lt;/select&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Criminal Event Description&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;textarea name="CriminalEvent_Description" rows="5" cols="40" class="form-control"&gt;
            &lt;/Textarea&gt;
            &lt;br/&gt;
          &lt;/div&gt;
          &lt;label class="col-xs-2"&gt;Rating&lt;/label&gt;
          &lt;label name="Rating"&gt;&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;

          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Impact of the Criminal Event&lt;/label&gt;
          &lt;label name="Impact_CriminalEvent"&gt;&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;

          &lt;/div&gt;
          &lt;label class="col-xs-2"&gt;Findings of the Investigation&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;textarea name="Findings_Investigation" rows="5" cols="100" class="form-control"&gt;
            &lt;/Textarea&gt;
            &lt;br/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Lesson Learnt&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;textarea name="Lesson_Learnt" rows="5" cols="100" class="form-control"&gt;
            &lt;/Textarea&gt;
            &lt;br/&gt;
          &lt;/div&gt;
          &lt;label class="col-xs-2"&gt;Action Plan&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;textarea name="Action_Plan" rows="5" cols="100" class="form-control"&gt;
            &lt;/Textarea&gt;
            &lt;br/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Current Status&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;input type="text" name="Current_Status" class="form-control"&gt;
            &lt;br/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
        &lt;div class="form-group"&gt;
          &lt;label class="col-xs-2"&gt;Date Closed&lt;/label&gt;
          &lt;div class="col-xs-4"&gt;
            &lt;input type="text" name="Date_Closed" id="datepicker3" class="form-control"&gt;
            &lt;br/&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br/&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;Footer Align="Center"&gt;
      &lt;button type="submit" class="btn btn-primary" id="SubmitButton"&gt;Submit&lt;/button&gt;
    &lt;/footer&gt;
  &lt;/form&gt;
&lt;/body&gt;</code></pre>
</div>
</div>
</p>