在Bootstrap 4导航栏中将元素居中

在Bootstrap 4中，有一个名为的新实用程序

.mx-auto

与Bass Jobsen的答案不同，后者是两端元素的相对中心，以下示例为绝对中心。

这是HTML：

<nav >  <div >    <ul >      <li >        <a  href="#">link 1</a>      </li>      <li >        <a  href="#">link 2</a>      </li>      <li >        <a  href="#">link 3</a>      </li>      <li >        <a  href="#">link 4</a>      </li>    </ul>    <ul >      <li >        <a  href="#">Brand</a>      </li>    </ul>    <ul >      <li >        <a  href="#">link 5</a>      </li>      <li >        <a  href="#">link 6</a>      </li>    </ul>  </div></nav>

和CSS：

.navbar-logo {  width: 90px;}