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 vote242 views1 answer
Input submit text
Html
0 vote337 views1 answer
Howdy
Html
4 votes306 views1 answer
Enctype= multipart/form-data
Html
0 vote206 views1 answer
Add ruby title html erb icon
Html
0 vote198 views1 answer
Eleventy add robots.txt
Html
2 votes229 views1 answer
Html center youtube video
Html
0 vote269 views1 answer
Conditional script tag in html head site:stackoverflow.com
Html
0 vote201 views1 answer
Set-MsolDomainAuthentication disable
Html
1 vote205 views3 answers
Button email html
Html
5 votes157 views1 answer
Vuejs router
Html