My goodness, this video was a saving grace man!!! Well organised and explained the concept of bootstrap short and concisely most importantly on point !!
Thank you! So many tutorials out there are just like "So you have these letters. Its for responsive design. Here is the table." and then never telling you wtf is it the table about or how is it used for...
Brilliant explanation. I was searching for this explanation but this is the best video which explained how to use sm,md-lg with col size. I would say this is the best explanation of Bootstrap Layout system.
I bought a 10 dollar udemy course to understand this, clearly the money should've gone to you brotha 👊 any way to make a donation for your free lesson?
Thank you so much sir! Glad I found your video tutorial! It was the best, the clearest illustration of the lesson ever! I just want u to know that you just gained a new subscriber :)
Nice tutorial ,You have solved my confusion regarding gid system. May I have the color scheme u have used in this tutorial for background color of different cols. Thanx
@@DailyTuition Yeha I confuse me as someplace we are using row and at someplace we are using d-flex. I think d-flex gives us the flexibility to layout either in row or column while the row is just row layout. Thanks for the clarification. Your channel got great content.
Hello. I have a question, I have a row, and inside is two columns of col-6, so col-6 + col-6 is 12 right? however, the second div keeps getting pushed down to next line. Why is it doing this? What can I do?
dos result giving: uno dos result expected: uno dos Now why is the col giving me row? childrens should be positioned side by side just like a col col = im a col row = im a row
You have to put size of the column. Like this. .Col-2 Change the html structure and use this. inside that create .col-2 and inside that create div with uno. Make sure you create separate div for doc. Check this link to learn more th-cam.com/video/cHAcSQyvBqQ/w-d-xo.html
Seriously the explanation is awesome....I had watched so many videos for this concept...no one can explain this much Clearly....❤️✨
Happy to help
My goodness, this video was a saving grace man!!! Well organised and explained the concept of bootstrap short and concisely most importantly on point !!
I think this is the best bootstrap grid system tutorial on TH-cam, well explained thank you !
Thank you! So many tutorials out there are just like
"So you have these letters. Its for responsive design. Here is the table." and then never telling you wtf is it the table about or how is it used for...
Great tutorial, The best illustration of Bootstrap grid system that I've seen on TH-cam. cheers
oh man, it cannot be any more crystal clearer than this. Well explained, thank you so much keep up the good work man
Most welcome 😊 keep supporting
Thank you so much. This is exactly what I needed. Very simple and concise explanation of the basics. You saved me!
What an explanation most underrated video on bootstrap basics.
Keep learning
Best video for Grid system in bootstrap
Brilliant explanation. I was searching for this explanation but this is the best video which explained how to use sm,md-lg with col size. I would say this is the best explanation of Bootstrap Layout system.
Keep supporting🙏
Perfect tutorial!
Better than what I would expect from any tutorial
Thank a lot boss.this tutorial is saving me job..for sur
Wonderful tutorial, I shall watch it a few more times while experimenting at the same time. Great work, keep it up. Thank you.
Experiment makes you feel more comfortable
Very very nice buddy. I have been trying to understand this from past few days. Now it is 100% clear. Thank you very much.
Most welcome 😊
finally i understand this concept just because of you great content and great explanation thank you so much.
Most welcome 😊
The clearest explanation! Thank you!
Thank you 😊
Thank you so much! :) This is the best tutorial I've seen by far (And I've seen a lot, lol)
Offcourse 😂
this one made me understand the grid content kudos man!!!!
Good job, one of the best explanations I have seen on youtube. Keep up the good work.
Wow, thanks!
You are awesome, thank you for your explanation! Greetings from Costa Rica
Best video on Bootstrap Grid System!..
I bought a 10 dollar udemy course to understand this, clearly the money should've gone to you brotha 👊 any way to make a donation for your free lesson?
Thank you for your donation. Appreciate 🙏
There's a paypal link in the description ;)
Thank you for supporting us 💗
LOL me too.
Thank you so much. It always confused me so much!
best one I've seen so far!!
Wonderful, best video, explained very nicely and made so easy to understand
Thank you, you really clarified a lot for me.
Keep supporting
You are great...really thank u very much👏👏👏👏
Thanyou for clearing basics of columns and row
good one
there's always an Indian guy who saves your ass from cs topics! :p
Thanka a ton man!
:)
Good.....Clear Explanation.
Nice Explanation, Thank you !
Thank you so much sir, I appreciate the detailed examples
Keep supporting
Explained very well
That was an awesome explanantion
This tutorial is💯.
Thanks bro 👍👍👍
great explanation.....
thank you bro, you helped me a lot
Thank you ive learned a lot 😇😇😇
Very useful sir
Thanks and welcome
thank explained a lot thanks for sharing
Great video!
Thanks man really helpful 😊😊
thankyou so much sir🙏🙏😍🙏
Thank you so much sir! Glad I found your video tutorial! It was the best, the clearest illustration of the lesson ever! I just want u to know that you just gained a new subscriber :)
Thank you 😊
Really helpful. Thank You
Most welcome keep supporting
Thank you for your great explanation
Most welcome 😊
Thank you for making that easy to understand :-)
Best ....thank you.
Very helpful. Thanks for the tutorial!
Keep supporting
Nice
Nice Tutorial
Thank you so muuuuch for your help!!
well explained. Thank You
Thanks a ton Akshay! Great content!
Most welcome 😊
good explanation i never seen
Most welcome 😊
Thankyou ❤
thank you i love you
It is a great tutorial! Thank you!
Most welcome
this is a really good explanation. thank you so much!
Most welcome 😊
Let the God bless you! :-) I got it at least! HUGE thank you!
Most welcome 😊
Thank you this was very helpful!!
Most welcome 😊
thank you ! that was really helpful !
Most welcome 😊
Best
Thank you!
Nicely explained, thank you :-)
Most welcome 😊
Great Video !! Thanks you just gained a sub
Awesome, thank you!
Thank you excellent tutorial!!
Most welcome 😊
thanks for this
good explanation :)
thank you so much
nice video.. thank you very much. subscribed too!
Thanks 👍
Well explained. Keep it up.! 🌟
Thank you 😊
Nice tutorial ,You have solved my confusion regarding gid system. May I have the color scheme u have used in this tutorial for background color of different cols. Thanx
Good job, thank you :-)
Super
Thank you I cleared
Most welcome 😊
good job man
THANK YOUUUUUUU :')))!!!!
thx sir good zoom video i see the code and output
using good microphone will be better... ok Nice tutorial
Ok. 😊
Parabéns pelo vídeo e o seu canal e muito importante e útil!
thx...to the point explanation. What is the difference between class=row and class=d-flex
We use row to create column grid layout and d-flex for flexbox layout. You can achieve the same result using both these classes.
@@DailyTuition Yeha I confuse me as someplace we are using row and at someplace we are using d-flex. I think d-flex gives us the flexibility to layout either in row or column while the row is just row layout. Thanks for the clarification. Your channel got great content.
@@ajeetworking thank you 😊
hi bro,
you have to changing the class name but how to get background color for all div's
Hello. I have a question, I have a row, and inside is two columns of col-6, so col-6 + col-6 is 12 right? however, the second div keeps getting pushed down to next line. Why is it doing this? What can I do?
Sometime margin and padding add additional space to div so we need to take care of it. Plz remove margin from the .col-6 divs
Very clear.... Thanks, I need a question sir, how can I write you?
On instagram @akki.2013
@@DailyTuition OK I will
how did you change the color automatically
Very nice
What is the css of this could you plz explain it
bootstrap uses flex box,so u can look it up.
I got it. its nth-child()
how did you add the colors ?
But how does the colour was applied to the column......like where was the code written in your code snippet
The color of the columns is in the css file. Just like you pass background-color in css.
how to change the color of different column ? i don't understand
No. That's different concept. Here we are looking at grid
Sir what is difference between components and dom elements? In react
How to select everyone of these columns in css ?
Couldn't understand will you plz elaborate
@@DailyTuition don't worry anymore, i just set an id for each col to style it in css , thank you for the tutorial 😊
so, if i want 5 columns in a row, what should i code?
Use .col-2 five times and .col-3 one time
Can we declare for one screen and made other as auto fit (by declaring a bootstrap class)?? If possible how??
Yes it's possible. Use bootstrap grid column class for different screen
Can we declare col-md-6 and made other screen (sm, lg) as outfit?? If possible how ? Plz
@@vamsikrishna4166 yes. Use an, lg and ,md classes. Check out my other website design tutorial to Know more about it
how can take the row on php looping with mysql data. when the lot of data make output not in row
Show me first how you want to display data? So I can tell you how to go further...
how to center contents within a div
where is the css how to change the color of different colunmns and is it enough for responsive website
It is enough for layout. Other things would be changed
uno
dos
result giving:
uno
dos
result expected:
uno dos
Now why is the col giving me row? childrens should be positioned side by side just like a col
col = im a col
row = im
a
row
You have to put size of the column. Like this.
.Col-2
Change the html structure and use this.
inside that create .col-2 and inside that create div with uno.
Make sure you create separate div for doc.
Check this link to learn more
th-cam.com/video/cHAcSQyvBqQ/w-d-xo.html