<div class="container my-4">

      <p>

        <strong

          >You can align the button to the center by simply adding alignment

          class to the parent div. See the examples.</strong

        >

      </p>

​

      <p>

        Detailed documentation and more examples you can find in our

        <a

          href="https://mdbootstrap.com/docs/standard/layout/horizontal-alignment/"

          target="_blank"

          ><strong>Bootstrap Horizontal alignment Docs</strong></a

        >

      </p>

​

      <hr />

​

      <p class="font-weight-bold">Basic example</p>

​

      <p>

        Add class <code>.text-center</code> to the parent div to align any item

        inside to the center.

      </p>

​

      <div class="border p-5">

        <!-- Copy this code to have a working example -->

        <div class="text-center">

          <button type="button" class="btn btn-primary">Centered button</button>

        </div>

        <!--/ Copy this code to have a working example -->

      </div>

    </div>