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 Tutorial In Hindi | Bootstrap 5 Flex Direction Classes. Earlier I have shared a Bootstrap 5 Tutorial In Hindi | Bootstrap 5 Align Self Class. and now it’s time to Bootstrap Tutorial In Hindi | Bootstrap 5 Flex Direction Classes.

In this tutorial, You will learn full Bootstrap 5. If you want to go deep into the tutorial so you can watch the full video which is I like below Hope it will help you all thank you for visiting.

In this tutorial, you will learn Bootstrap Tutorial In Hindi, Bootstrap 5 Flex Direction Classes. 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!

Flex

Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities. For more complex implementations, custom CSS may be necessary.

Enable flex behaviors

Apply display utilities to create a flexbox container and transform direct children elements into flex items. Flex containers and items are able to be modified further with additional flex properties.

Direction

Set the direction of flex items in a flex container with direction utilities. In most cases you can omit the horizontal class here as the browser default is row. However, you may encounter situations where you needed to explicitly set this value (like responsive layouts).

Use .flex-row to set a horizontal direction (the browser default), or .flex-row-reverse to start the horizontal direction from the opposite side.

Use .flex-column to set a vertical direction, or .flex-column-reverse to start the vertical direction from the opposite side.

Responsive variations also exist for flex-direction.

  • .flex-row
  • .flex-row-reverse
  • .flex-column
  • .flex-column-reverse
  • .flex-sm-row
  • .flex-sm-row-reverse
  • .flex-sm-column
  • .flex-sm-column-reverse
  • .flex-md-row
  • .flex-md-row-reverse
  • .flex-md-column
  • .flex-md-column-reverse
  • .flex-lg-row
  • .flex-lg-row-reverse
  • .flex-lg-column
  • .flex-lg-column-reverse
  • .flex-xl-row
  • .flex-xl-row-reverse
  • .flex-xl-column
  • .flex-xl-column-reverse
  • .flex-xxl-row
  • .flex-xxl-row-reverse
  • .flex-xxl-column
  • .flex-xxl-column-reverse
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.