bootstrap center
<div class="row h-100">
<div class="col-sm-12 my-auto">
<div class="card card-block w-25">Card</div>
</div>
</div>bootstrap center
<div class="row h-100">
<div class="col-sm-12 my-auto">
<div class="card card-block w-25">Card</div>
</div>
</div>how to center in bootstrap
// this is my code
//this code is used to center everything in bootstrap in four direction
// and of course you can change the childern div however you like
// and give them the position that you want
<div class="d-flex flex-column min-vh-100 justify-content-center align-items-center">
<h1>404</h1>
<h2>Page Not Found</h2>
<h3>we are sorry, the page you requested could not be found, please go back to the home page</h3>
<a href="/" class="btn btn-secondary">Go Back To Home Page</a>
</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
