Hello Dear Readers, Today In this Post, You will learn Bootstrap 5 Tutorial In Hindi | Bootstrap 5 Vertical Alignment Class. Earlier I have shared a Bootstrap 5 Tutorial In Hindi | Bootstrap 5 Horizontal Alignment Class. and now it’s time to Bootstrap 5 Tutorial In Hindi | Bootstrap 5 Vertical Alignment Class.
In this tutorial, You will learn full Bootstrap 5. I will give all the part here and if you want to go deep in the tutorial so you can watch the full video which is I like below Hope it will help you all thank for visiting.
In this tutorial, you will learn Bootstrap Tutorial In Hindi, Bootstrap 5 Vertical Alignment Class. Bootstrap 5 Tutorial In Hindi You can learn what is bootstrap framework, what are the advantages of the bootstrap tutorial in Hindi. Make sure to Subscribe, Share the video, and Like it, for more tutorials in Hindi like this one!
Vertical alignment
Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.
Both vertically and horizontally
Add .d-flex to the parent element to enable flex mode. Then use (alsso on the parent element) .align-items-center to align content vertically and .justify-content-center to align content horizontally.
Only vertically
Add .d-flex to the parent element to enable flex mode. Then use (alsso on the parent element) .align-items-center to align content vertically
Flexbox options
Use align-items utilities on flexbox containers to change the alignment of flex items on the cross axis (the y-axis to start, x-axis if flex-direction: column). Choose from start, end, center, baseline, or stretch (browser default).
Responsive variations also exist for align items.
.align-items-start
.align-items-end
.align-items-center
.align-items-baseline
.align-items-stretch
.align-items-sm-start
.align-items-sm-end
.align-items-sm-center
.align-items-sm-baseline
.align-items-sm-stretch
.align-items-md-start
.align-items-md-end
.align-items-md-center
.align-items-md-baseline
.align-items-md-stretch
.align-items-lg-start
.align-items-lg-end
.align-items-lg-center
.align-items-lg-baseline
.align-items-lg-stretch
.align-items-xl-start
.align-items-xl-end
.align-items-xl-center
.align-items-xl-baseline
.align-items-xl-stretch
.align-items-xxl-start
.align-items-xxl-end
.align-items-xxl-center
.align-items-xxl-baseline
.align-items-xxl-stretch