bootstrap vertical align
<div class="d-flex align-items-start">...</div>
<div class="d-flex align-items-end">...</div>
<div class="d-flex align-items-center">...</div>
<div class="d-flex align-items-baseline">...</div>
<div class="d-flex align-items-stretch">...</div>centralize div bootstrap
<div class="row align-items-center justify-content-center">
<div class="col">This will be centered vertically and horizontally</div>
</div>bootstrap 4 center div
<div class="d-flex justify-content-start">...</div>
<div class="d-flex justify-content-end">...</div>
<div class="d-flex justify-content-center">...</div>
<div class="d-flex justify-content-between">...</div>
<div class="d-flex justify-content-around">...</div>bootstrap vertical align
<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>bootstrap center align columns
<!-- Center columns in a Row -->
<div class="row d-flex justify-content-center text-center">
<div class="col-4">
// Add Content
</div>
<div class="col-4">
// Add Content
</div>
<div class="col-4">
// Add Content
</div>
</div>vertical align bootstrap
<div class="row h-100"> <div class="col-sm-12 my-auto"> <div class="card card-block w-25">Card</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
