title: Center ul in cell in Bootstrap 3
body: <p>I have a web page that uses Bootstrap 3. In this web page, I'm trying to center a <code>ul</code> within a <code>col-xs-12</code>. Currently, in this <a href="http://www.bootply.com/7ifzWwjknW" rel="nofollow noreferrer">Bootply</a>, I have the following:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-12 center-block" style="background-color:grey;"&gt;
        &lt;ul class="list-inline"&gt;
          &lt;li&gt;&lt;div class="item"&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;div class="item"&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;div class="item"&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;div class="item"&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li&gt;&lt;div class="item"&gt;&lt;/div&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As shown, the <code>ul</code> is left-aligned within the <code>div</code>. How do I center the <code>ul</code> in the <code>div</code>. If that's not possible, how do I horizontally center a list of horizontally laid out items?</p>