title: Bootstrap container class not working on Chrome
body: <p>I am having a few issues with the Google Chrome browser and Bootstrap. </p>
  
  <ol>
  <li>I have a container inside of one of my HTML sections that is
  centering content in every browser except for Google Chrome.</li>
  <li>It appears to be behaving as if it is a container-fluid because
  it is not spanning 100% of the viewport window, it appears to have
  about 5px of margin on the left and right side. Again, only in
  Chrome.</li>
  </ol>
  
  <p>Here is my Code for just that section:</p>
  
  <p>HTML:</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 name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hD djZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,300italic,300' rel='stylesheet' type='text/css'&gt;
      &lt;link rel="stylesheet" href="main.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;section id="aboutUs"&gt;
      &lt;div class ="groupImg"&gt;
              &lt;div class="container"&gt;
                  &lt;h1&gt;About Us&lt;/h1&gt;
                  &lt;p class = "motto col-md-12"&gt;&lt;i&gt;
                      “As a multicultural dance company, C.O.D.A. prides itself in the versatility of dance styles and creative ideas within the company. Understanding the authenticity and history of Hip Hop, we embrace all styles including street, footworking, house, breakdancing, popping, locking, tutting, freestyling, new school, old school and more. With dancers that come from both trained and untrained backgrounds, we can appreciate the possession of raw talent and acknowledge the importance of discipline and training. C.O.D.A. aims to share the common interest of Hip Hop to all people and to demonstrate a mutual understanding and respect for other dancers alike.”&lt;/i&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#aboutUs h1 {
      color:white;
      font-size:40px;
      padding: 40px 0px 20px 0px;
      text-align: center; 
      text-transform: uppercase;
  
  }
  
  .motto{
      color:white;
      font-size:20px;
      font-weight: 300;
      line-height: 2.0em;
      text-align: center;
  }
  
  .groupImg {
      background-image: url("img/5color_maroon.jpg");
      background-size: 100%;
      background-repeat: no-repeat;
      height: 750px;
  
  }
  </code></pre>
  
  <p>Here are screenshots in each browser:</p>
  
  <p><a href="http://i.imgur.com/wR404ZO.jpg" rel="nofollow">Here is what it looks like in Chrome</a></p>
  
  <p><a href="http://i.imgur.com/FUO8GTw.jpg" rel="nofollow">Here is what it looks like in Safari</a></p>
  
  <p><a href="http://i.imgur.com/lQFSgKb.jpg" rel="nofollow">Here is what it looks like in Firefox</a></p>
  
  <p>Didn't I have linked it correctly or am I missing something?
  Thanks!</p>