Html Center Image Bootstrap verticalement
mx-auto mt-auto mb-auto
Horcion
mx-auto mt-auto mb-auto
<div class=”row”>
<div class=”col-6 align-self-center”>
<div class=”card card-block”>
Center
</div>
</div>
</div>
<div class="jumbotron d-flex align-items-center min-vh-100">
<div class="container text-center">
I am centered vertically
</div>
</div>
<!-- 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>
<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>