FLEXBOX TUTORIAL IN HINDI | BOOTSTRAP 4 FLEXBOX CLASSES IN HINDI

Welcome all, we will see FLEXBOX TUTORIAL IN HINDI | FLEXBOX CLASSES IN BOOTSTRAP 4 FOR RESPONSIVE WEB PAGES. Bootstrap 4 Flex Use flex classes to control the layout of Bootstrap 4 components. Flexbox The biggest difference between Bootstrap 3 and Bootstrap 4 is that Bootstrap 4 now uses flexbox, instead of floats, to handle the layout. To create a flexbox container and to transform direct children into flex items, use the d-flex class: Horizontal Direction Use .flex-row to display the flex items horizontally (side by side). This is default. Tip: Use .flex-row-reverse to right-align the horizontal direction: Vertical Direction Use .flex-column to display the flex items vertically (on top of each other), or .flex-column-reverse to reverse the vertical direction: Justify Content Use the .justify-content-* classes to change the alignment of flex items. Valid classes are start (default), end, center, between or around: Order Change the visual order of a specific flex item(s) with the .order classes. Valid classes are from 0 to 12, where the lowest number has highest priority (order-1 is shown before order-2, etc..): Wrap Control how flex items wrap in a flex container with .flex-nowrap (default), .flex-wrap or .flex-wrap-reverse. Align Content Control the vertical alignment of gathered flex items with the .align-content-* classes. Valid classes are .align-content-start (default), .align-content-end, .align-content-center, .align-content-between, .align-content-around and .align-content-stretch. Note: These classes have no effect on single rows of flex items. Align Items Control the vertical alignment of single rows of flex items with the .align-items-* classes. Valid classes are .align-items-start, .align-items-end, .align-items-center, .align-items-baseline, and .align-items-stretch (default). Align Self Control the vertical alignment of a specified flex item with the .align-self-* classes. Valid classes are .align-self-start, .align-self-end, .align-self-center, .align-self-baseline, and .align-self-stretch (default). flexbox tutorial for beginners Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines. Don't Forget to Follow me on all Social Network, Instagram Link: https://www.instagram.com/vinodthapa55 Facebook Link: https://www.facebook.com/vinodthapa55 Twitter Link: https://twitter.com/vb55thapa Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa