Center Align Button 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>

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?