title: Jumbotron can't get centered
body: <p>I recently started using Bootstrap. I'm having a problem with centering Jumbotron. I can't post image as example now because I need 10 reputation. My code:</p>
  
  <pre><code>&lt;div class="container"&gt;
          &lt;div class="col-md-8 jumbotron center"&gt;
              &lt;h1&gt;Jumbotron heading&lt;/h1&gt;
              &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;/p&gt;
              &lt;p&gt;&lt;a class="btn btn-lg btn-success" href="#" role="button"&gt;Sign up today&lt;/a&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>My css:</p>
  
  <pre><code>.jumbotron {
      border-bottom: 1px solid #e5e5e5;
  }
  .jumbotron .btn {
      padding: 14px 24px;
      font-size: 21px;
  }
  
  .center{
      text-align: center;
  }
  </code></pre>
  
  <p>I'm sorry if solution is very easy but I'm beginner web developer.</p>