Bootstrap 3中单元格中的中心ul

Question

我有一个使用 Bootstrap 3 的网页。在这个网页中，我试图将 ul 在 col-xs-12 中。目前，在这个 Bootply 中，我有以下内容：

 <div class="container">
  <div class="row">
    <div class="col-xs-12 center-block" style="background-color:grey;">
      <ul class="list-inline">
        <li><div class="item"></div></li>
        <li><div class="item"></div></li>
        <li><div class="item"></div></li>
        <li><div class="item"></div></li>
        <li><div class="item"></div></li>
      </ul>
    </div>
  </div>
</div>

如图所示， ul div 左对齐。如何将 ul 居中在 div 中。如果这不可能，我如何将水平布局的项目列表水平居中？

原文由 user687554 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<ul class="list-inline">
  <li><div class="item"></div></li>
  <li><div class="item"></div></li>
  <li><div class="item"></div></li>
  <li><div class="item"></div></li>
  <li><div class="item"></div></li>
</ul>

.list-inline {
  display: flex;
  justify-content: center;
}

原文由 grinmax 发布，翻译遵循 CC BY-SA 3.0 许可协议