title: How can I center a list with Bootstrap 4?
body: <p>I am building an app with the Bootstrap 4 beta. This app is really basic at the moment and has a single inline list. I'm trying to center this list horizontally in the middle of the screen. As shown in this <a href="https://www.bootply.com/gJ7ge23jq0" rel="noreferrer">Bootply</a>, I thought <code>justify-content-center</code> would do it. However, that did not work. I tried the other centering classes I saw listed <a href="https://getbootstrap.com/docs/4.0/layout/grid/" rel="noreferrer">here</a> without any luck. My list looks like this:</p>
  
  <pre><code>&lt;div&gt;
    &lt;ul class="list-inline justify-content-center"&gt;
      &lt;li class="list-inline-item"&gt;Item 1&lt;/li&gt;
      &lt;li class="list-inline-item"&gt;Item 2&lt;/li&gt;
      &lt;li class="list-inline-item"&gt;Item 3&lt;/li&gt;
      &lt;li class="list-inline-item"&gt;Item 4&lt;/li&gt;
      &lt;li class="list-inline-item"&gt;Item 5&lt;/li&gt;    
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I center an inline list with the Bootstrap 4 beta?</p>