title: Bootstrap container-fluid image not centered after max width
body: <p>I have an image (currently 1305 x 352 pixels) inside of a fluid-container like so: </p>
  
  <pre><code>&lt;div class="container-fluid" id="lion-div"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;img src="image.png" class="img-responsive"&gt;&lt;/img&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When the page width is at or smaller than the width of the image, the image scales to the full width of the page, which is what I want.</p>
  
  <p>However, when the page width is larger, the image stays aligned to the left. I'd like it to stay in the middle of the page.</p>
  
  <p>I've tried using margin-left and margin-right: auto on the div, even making a media container with min-width: 1306px and trying everything I know, but I can't get the image to center. Any ideas?</p>