title: Difference render html between IE and Chrome
body: <p>i have a problem with difference in render html between IE9 and Chrome.
  I reviewed all urls of .js and .css and are fine. All files were downloaded from the official website.</p>
  
  <p>This pic is from IE9
  <img src="https://i.stack.imgur.com/a3lCb.jpg" alt="IE9"></p>
  
  <p>This pic is from Chrome
  <img src="https://i.stack.imgur.com/areOv.jpg" alt="This pic is from Chrome"></p>
  
  <p>This is my code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;meta name="description" content="" /&gt;
      &lt;meta name="author" content="" /&gt;
      &lt;link rel="shortcut icon" href="public/assets/ico/favicon.png" /&gt;
  
      &lt;title&gt;SMG&lt;/title&gt;
  
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="public/dist/css/bootstrap.css" media="all" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="public/dist/css/bootstrap-select.min.css" rel="stylesheet" /&gt;
  
  
      &lt;!-- Custom styles for this template --&gt;
      &lt;link href="navbar.css" rel="stylesheet" /&gt;
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="public/assets/js/html5shiv.js"&gt;&lt;/script&gt;
        &lt;script src="public/assets/js/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
  
      &lt;div class="container"&gt;
  &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                    &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                    &lt;/button&gt;
                    &lt;a class="navbar-brand " href="#"&gt;SMG&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="navbar-collapse collapse"&gt;
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;form class="navbar-form navbar-right"&gt;
                          &lt;div class="form-group"&gt;
                              &lt;input type="text" id="dni" data-container=".form-group" data-toggle="popover" data-content="" data-placement="bottom" placeholder="Numero" class="form-control"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                              &lt;input type="password" id="password" data-container=".form-group" data-toggle="popover" data-placement="bottom" data-content="Ingrese su Contraseña" placeholder="Password" class="form-control"&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                              &lt;select class="selectpicker" data-width="200px" title="Tipo de Documentacion" data-style="btn-inverse"&gt;
                                      &lt;option data-hidden="true"&gt;&lt;/option&gt;
                                      &lt;option value="DU"&gt;DNI&lt;/option&gt;
                                      &lt;option value="LC"&gt;LC&lt;/option&gt;
                                      &lt;option value="LE"&gt;LE&lt;/option&gt;
                                      &lt;option value="PA"&gt;PA&lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                              &lt;button type="submit" id="signIn" onsubmit="return false;" class="btn btn-success btn-xs"&gt;Ingresar&lt;/button&gt;
                              &lt;button type="submit" id="signIn" onsubmit="return false;" class="btn btn-danger btn-xs"&gt;Registrarse&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;&lt;!--/.navbar-collapse --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;br/&gt;
          &lt;div class="alert alert-block alert-danger " style="display: none"&gt;
              &lt;button type="button" class="close" aria-hidden="true"&gt;×&lt;/button&gt;
              &lt;h4&gt;&lt;/h4&gt;
          &lt;/div&gt;
            &lt;div class="jumbotron"&gt;
        &lt;div class="container"&gt;
          &lt;h1&gt;Hello, world!&lt;/h1&gt;
          &lt;p&gt;This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.&lt;/p&gt;
          &lt;p&gt;&lt;a class="btn btn-primary btn-lg"&gt;Learn more &amp;raquo;&lt;/a&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;/div&gt; &lt;!-- /container --&gt;
  
      &lt;script src="public/js/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="public/dist/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="public/js/bootstrap-select.min.js"&gt;&lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>dont know why. Can anyone lend me a hand?  Thank you!</p>