Course Content
Bootstrap-5
0/50
Bootstrap5 First Look
10:48
Bootstrap 5 Introduction
10:04
What Is New In Bootstrap 5
06:58
Bootstrap 5 Installation
16:59
Layouts and Grids in Bootstrap
22:48
Bootstrap 5 Offset Class
17:29
Bootstrap 5 Order Classes
16:30
Bootstrap 5 Nesting Classes
10:54
Bootstrap 5 Margin Classes
27:01
Bootstrap 5 Padding Classes
25:08
Horizontal Alignment Class
21:28
Vertical Alignment Class
17:47
Bootstrap 5 Align Content Class
23:40
Align Self Class
19:24
Flex Direction Classes
30:15
Bootstrap 5 Display Classes
20:25
Float & Clearfix Classes
26:05
Position & Overflow Class
20:09
Text & Background Color
16:25
Text Formatting Classes
28:03
Typography Classes
14:50
Bootstrap 5 Button Classes
18:42
Bootstrap 5 Button Group Classes
28:21
Bootstrap 5 List Group Classes
31:53
Bootstrap 5 Table Classes
33:00
Pagination & Breadcrumb
25:38
Bootstrap 5 Form Classes
34:31
Bootstrap 5 Checkbox Radio & Range
29:03
Bootstrap 5 Input Group & Floating
39:06
Bootstrap 5 Inline & Horizontal Form
26:06
Bootstrap 5 Form Validation
15:54
Bootstrap 5 Navs & Tabs Classes
21:43
Bootstrap 5 Navbar Class
36:09
Bootstrap 5 Image & Iframe Class
30:44
Bootstrap 5 Border & Shadow Class
26:29
Bootstrap 5 Card Class
45:36
Bootstrap 5 Card Group Class
23:22
Bootstrap 5 Media Object Class
14:50
Bootstrap 5 Badges Class
19:20
Bootstrap 5 Progress Bar Class
23:13
Bootstrap 5 Spinners Class
22:02
Bootstrap 5 Placeholder Class
21:25
Bootstrap 5 Tooltip Plugin
11:48
Bootstrap 5 Popover
12:16
Bootstrap 5 Alerts
22:00
Bootstrap 5 Modal
26:32
Bootstrap 5 Accordion
13:38
Bootstrap 5 Collapse
13:10
Bootstrap 5 Carousel
33:26
Bootstrap 5 Scrollspy
22:05
Bootstrap-5 Course
About Lesson

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

Exercise Files
No Attachment Found
No Attachment Found
Join the conversation
Previous
Next

Introducing Official ApeStaking Protocol for ApeCoin.

New Blur NFT Marketplace Courting Professional.