无法在Bootstrap中将li元素正确居中(Alpha)

<ul class="d-flex justify-content-center">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<ul class="text-center">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<ul>
  <li class="mx-auto">Item 1</li>
  <li class="mx-auto">Item 2</li>
  <li class="mx-auto">Item 3</li>
</ul>