Bootstrap 5 vertical align

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>

Source: getbootstrap.com

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>

Source: getbootstrap.com

Bootstrap 5 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>

Source: levelup.gitconnected.com

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>

Source: medium.com

Similar codes

0 vote123 views1 answer
<style>body {background-color: coral;}</style>
Html
6 votes118 views3 answers
Ion-select placeholder
Html
4 votes123 views3 answers
Bootstrap 4.5.3
Html
0 vote119 views1 answer
Coreui primary color
Html
6 votes151 views5 answers
Composer new laravel 8
Html
0 vote115 views2 answers
Auto play audo files html
Html
1 vote217 views10 answers
Java
Html
8 votes121 views3 answers
Ng style
Html
0 vote161 views1 answer
Navbar html mdn
Html
0 vote133 views2 answers
HTTP to HTTPS
Html