Bootstrap in Hindi #5 | Introduction To Bootstrap 4 Flex Layout Grid | Bootstrap 4 Tutorial Flexbox

Опубликовано: 07 Июль 2020
на канале: Coder Dost
5,670
128

🔴 Full Courses List : https://coderdost.com/courses
🔴 Full Projects List : https://coderdost.com/projects

💾 Source Codes at : https://github.com/coderdost


🤯 Crash Courses (Single Video)

Git/Github Crash Course : https://bit.ly/3JSA5VT
TypeScript Crash Course : https://bit.ly/372dZSh
Angular Crash Course : https://bit.ly/3DoGJR1
Vue JS Crash Course : https://bit.ly/3uDujRl
Python Crash Course : https://bit.ly/3Dod7U2
React Router Crash Course : https://bit.ly/36YfO2i


🧑‍🏫 Tutorial Playlists

HTML : https://bit.ly/36IMq0h
CSS : https://bit.ly/3LpRQw6
JavaScript : https://bit.ly/3u049tf
BootStrap : https://bit.ly/3NA9nDJ
ES 6 : https://bit.ly/3DvYCh6
DOM Playlist : https://bit.ly/35nMKB7
ReactJS (Redux & Hooks) : https://bit.ly/3iMethN
NodeJS/ExpressJS : https://bit.ly/35nN6Yt
MongoDB / Mongoose : https://bit.ly/3qPj0EO


💻 Projects Playlists

Web Design HTML+CSS - Home Page : https://bit.ly/35nZiIB
Web Design BootStrap - E-Commerce Site : https://bit.ly/3iPhaz7
React/Redux/Firebase - Todo-App : https://bit.ly/3DnekL8


🕹 Mini Projects (Single Video)

React - Tic Tac Toe (Redux / Hooks) : https://bit.ly/3uzLEuy
React - Game of Flag Quiz (Hooks) : https://bit.ly/3LpTC0e
React - Google Translate Clone (Hooks) : https://bit.ly/3Lo9xvZ
React - Chat App using Firebase (Hooks) : https://bit.ly/3wLgymj


*Music Credits*

Funk Game Loop by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/...)
Source: http://incompetech.com/music/royalty-...
Artist: http://incompetech.com/



***About This Video***
This video explains Bootstrap flex layout in detail. This video starts with Bootstrap CSS Flex Direction Classes Tutorial in Hindi / Urdu with bootstrap Flex-direction with Flex-direction class “d-flex flex-row”, “d-flex flex-row-reverse”, “d-flex flex-column” and “d-flex flex-column-reverse” and bootstrap flex direction class tutorial. It explains bootstrap flex self Class “align-self-stretch”.It explains how to Align Items in flexbox as Vertical Alignment in Bootstrap (Hindi) class = “d-flex align-items-start”, “d-flex align-items-center” and “d-flex align-items-end”. It also explains Flexbox Tutorial on Justify content with class “d-flex justify-content-start”, “d-flex justify-content-center”, “d-flex justify-content-end”, “d-flex justify-content-between”, class = “d-flex justify-content-around”. It also explains CSS Flexbox Tutorial - Flex Wrap with class “d-flex flex-wrap”, “d-flex flex-nowrap”, flex-wrap and flex wrap.This flex wrap tutorial shows flex wrap example, flexbox flex wrap, css flex wrap, css flex-wrap, flexbox flex-wrap tutorial, flexbox wrap, css wrap and css wrapping elements. It also explains mr-auto class and ml-auto class in bootstrap 4 with class = “mr-auto”, “ml-auto”. It also explains CSS Grid Tutorial - Aligning & Justifying Items with class “d-flex align-content-start”, “d-flex align-content-centre”, “d-flex align-content-end”, “d-flex align-content-between”, “d-flex align-content-around”. This bootstrap align-content class tutorial demonstrates align-content class in bootstrap, justify-items align-self, justify-self, justify items, justify self, CSS grid align items, css grid justify items, align-items and align self. How to Center a Div in Bootstrap? It can be done by centering a div, center a div, bootstrap align-content-start, bootstrap align-content-end, bootstrap align-content-center, bootstrap align-content-stretch and bootstrap align-content-baseline. How to Align Navbar Item to the Right in Bootstrap 4? This Bootstrap 4 Tutorial - Flex Grid can explain bootstrap 4 lesson, bootstrap flex grid, bootstrap 4 flex grid, bootstrap flexbox grid, bootstrap 4 flexbox grid, flex grid system. How to align navbar item to the right in bootstrap 4? How to align navbar item to the right in bootstrap? How to align navbar to the right in bootstrap 4? It can be done by bootstrap 4 navbar align to right side, bootstrap 4 align navbar, bootstrap 4 align navbar item to the right, flex-box,flex tutorial, css menu, flexbox tutorial, navigation menu, bootstrap navbar tutorial, bootstrap 4 slideshow, bootstrap 4 menu responsive, bootstrap 4 menu right, bootstrap carousel, css flexbox, flexbox, flexbox tutorial, flexbox classes, flexbox css3 in Hindi, css3 flexbox tutorial in Hindi, bootstrap 4 flexbox grid, getting started bootstrap 4, flex layout, flexboxes. How to align bootstrap 4 navbar? How to float bootstrap 4 menu to right or left? How to align bootstrap 4 menu? This is explained with Bootstrap CSS Align-Content Classes Tutorial in Hindi / Urdu. This is a CSS Flex Basics tutorial. Here you can learn Flex-box layout in 15 minutes, Bootstrap 4 Navbar Concepts, Navbar CSS Tutorial: 3 Ways to Create a Navigation Bar with Flexbox, Bootstrap 4 Navbar with Slider. This CSS FlexBox tutorial explains .. These are Bootstrap tutorial in hindi. This content is created with the help of Youstart, Jaipur.