将一组引导DIV居中

Question

如何将一组DIV居中放置在容器类内部，但不将每一行居中？在以下示例中，可以看到灰色div右侧区域的边距，这使得该组不显示在容器的中央。使用justify-content-center还将居中不需要的最后一个成对行居中。这个想法是要有一个负责任的div小组。请咨询：

<div class="container  bg-success">
  <p>centering divs</p>
  <div class="p-0  m-0 bg-dark d-flex flex-row flex-wrap">  
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
    <div class="bg-danger">One</div>
    <div class="bg-warning">Two</div>
    <div class="bg-primary">Three</div>
  </div>
</div>

Answer 1

将“ justify-content-center”添加到div.flex-row

<div class="p-0  m-0 justify-content-center bg-dark d-flex flex-row flex-wrap">

CodePen