How To Align Button In Center Bootstrap 4 Code Example

Example 1: button center bootstrap

<div class="text-center">	<button type="button" class="btn btn-primary">My button</button></div>

Example 2: bootstrap button center

<div class="container my-4">        <p class="font-weight-bold">You can align the button to the center by simply adding alignment class to the parent div. See the examples.</p>            <p><strong>Detailed documentation and more examples you can find in our <a href="https://mdbootstrap.com/docs/jquery/utilities/horizontal-align/"              target="_blank">Bootstrap Horizontal alignment Docs</a> </p>            <hr>            <p class="font-weight-bold">Basic example</p>             <p>Add class <code>.text-center</code> to the parent div to align <strong>any item</strong> inside to the center.</p>                <div class="border border-light p-3 mb-4">                  <div class="text-center">            <button type="button" class="btn btn-primary">Centered button</button>          </div>                </div>          </div>

Bagikan Artikel ini