在Bootstrap 3中的单元格中心ul

我有一个使用Bootstrap 3的网页.在这个网页中,我试图将a集中ul在一个col-xs-12.目前,在这个Bootply中,我有以下内容:

如图所示,它在ul左边对齐div.如何居中ul的div.如果那是不可能的,我该如何水平放置水平布置项目列表？

  

  

  

  

  



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

尝试添加属性display:flex和justify-content:centerdiv