title: Bootstrap grid not working properly in google chrome
body: <p>So I have this website that uses a bootstrap grid system and which works 100% perfectly on firefox but not properly on google chrome or safari. </p>
  
  <p>How is this so? </p>
  
  <p>HTML</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
        &lt;title&gt;Index&lt;/title&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
        &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="container-fluid"&gt;
                      &lt;ul class="nav nav-tabs nav-justified" role="tablist"&gt;
                      &lt;li role="presentation" class="active"&gt;&lt;a href="#INDEX" aria-controls="INDEX" role="tab" data-toggle="tab"&gt;INDEX&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#INDEX" aria-controls="INDEX" role="tab" data-toggle="tab"&gt;INDEX&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#INDEX" aria-controls="INDEX" role="tab" data-toggle="tab"&gt;INDEX&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#INDEX" aria-controls="INDEX" role="tab" data-toggle="tab"&gt;INDEX&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#INDEX" aria-controls="INDEX" role="tab" data-toggle="tab"&gt;INDEX&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a href="#INDEX" aria-controls="INDEX" role="tab" data-toggle="tab"&gt;INDEX&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div class="container"&gt;
                      &lt;div class="tab-content"&gt;
                          &lt;div role="tabpanel" class="tab-pane fade in active" id="index"&gt;
                              &lt;div class="container-fluid"&gt;
                                  &lt;div class="row"&gt;
                                      &lt;div class="col-md-4 col-lg-4"&gt;
                                          &lt;img src="images/placeholder.jpg" class="img-responsive"&gt;
                                          &lt;div class="well"&gt;
                                          Lorem ipsum
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;div class="col-md-4 col-lg-4"&gt;
                                          &lt;img src="images/placeholder.jpg" class="img-responsive"&gt;
                                          &lt;div class="well"&gt;
                                          Lorem ipsum
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;div class="col-md-4 col-lg-4"&gt;
                                          &lt;img src="images/placeholder.jpg" class="img-responsive"&gt;
                                          &lt;div class="well"&gt;
                                          Lorem ipsum
                                          &lt;/div&gt;
                                      &lt;/div&gt;                                  
                                  &lt;/div&gt;                      
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div role="tabpanel" class="tab-pane fade" id="INDEX"&gt;...&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Firefox:
  <a href="https://i.stack.imgur.com/qc6yh.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qc6yh.jpg" alt="Firefox bootstrap grid"></a></p>
  
  <p>Google chrome and safari:
  <a href="https://i.stack.imgur.com/5XYNX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5XYNX.jpg" alt="enter image description here"></a></p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Edited the post with the complete HTML. </p>