how to align a button in div center vertically in boostrap
<div class="d-flex align-items-center justify-content-center"></div>how to align a button in div center vertically in boostrap
<div class="d-flex align-items-center justify-content-center"></div>button center bootstrap
<div class="text-center">
<button type="button" class="btn btn-primary">My button</button>
</div>bootstrap center button
<div class="text-center">
<button type="button">centered button</button>
</div>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>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
