title: Center a bootstrap container-fluid horizontally
body: <p>how can I center my main container horizontally, using excising bootstrap classes</p>
  
  <p>here is the container:</p>
  
  <pre><code>&lt;div class="container-fluid main-container"&gt;
          &lt;div class="col-md-10 content"&gt;
              &lt;div class="panel panel-default"&gt;
                  &lt;div class="panel-heading"&gt;
                      Edit existing questions 
                  &lt;/div&gt;
                  &lt;div class="panel-body"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ZX1TA.jpg" rel="nofollow noreferrer">The way it looks now</a></p>