Centered navbar links

Here is an example for centered links:

<mdb-navbar
  SideClass="navbar navbar-expand-lg navbar-dark purple lighten-1"
  [containerInside]="false"
>
  <a class="navbar-brand mx-auto" href="#">
    <img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" height="30" alt=""
  /></a>

  <div class="collapse navbar-collapse">
    <ul class=" navbar-nav mx-auto">
      <li class="nav-item active">
        <a class="nav-link waves-light" mdbWavesEffect
          >Home<span class="sr-only">(current)</span></a
        >
      </li>
      <li class="nav-item">
        <a class="nav-link waves-light" mdbWavesEffect>Features</a>
      </li>
    </ul>
  </div>
</mdb-navbar>

and centered brand icon:

<mdb-navbar
  SideClass="navbar navbar-expand-lg navbar-dark purple lighten-1"
  [containerInside]="false"
>
  <div class="collapse navbar-collapse">
    <ul class=" navbar-nav">
      <li class="nav-item active">
        <a class="nav-link waves-light" mdbWavesEffect
          >Home<span class="sr-only">(current)</span></a
        >
      </li>
      <li class="nav-item">
        <a class="nav-link waves-light" mdbWavesEffect>Features</a>
      </li>
    </ul>
  </div>

  <a class="navbar-brand mx-auto" href="#">
    <img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" height="30" alt=""
  /></a>

  <div class="collapse navbar-collapse">
    <ul class=" navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
    </ul>
  </div>
</mdb-navbar>

Logo on the left and links displayed in center and on the right:

<mdb-navbar
  SideClass="navbar navbar-expand-lg navbar-dark purple lighten-1"
  [containerInside]="false"
>
  <a class="navbar-brand mx-auto" href="#">
    <img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" height="30" alt=""
  /></a>

  <div class="collapse navbar-collapse">
    <ul class=" navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link waves-light" mdbWavesEffect
          >Home<span class="sr-only">(current)</span></a
        >
      </li>
      <li class="nav-item">
        <a class="nav-link waves-light" mdbWavesEffect>Features</a>
      </li>
    </ul>
  </div>

  <div class="collapse navbar-collapse">
    <ul class=" navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link waves-light" mdbWavesEffect
          >Home<span class="sr-only">(current)</span></a
        >
      </li>
      <li class="nav-item">
        <a class="nav-link waves-light" mdbWavesEffect>Features</a>
      </li>
    </ul>
  </div>
</mdb-navbar>