How to use bootstrap rows and columns in HTML | Learn HTML & CSS | Responsive Web Design

[@moibe182]

I'm totally new to bootstrap rows and columns, and this video is perfect, clear, straight to the point, just awesome. You now have a new suscriber. Thanks a lot!

[@ADesignerWhoCodes]

So awesome. Once you get used to them, everything gets easier in terms of responsive design

[@lynch4360]

This is the best, I subbed. Watched 8 videos. This one was the most informative

[@ADesignerWhoCodes]

Wow. Thank you so much Danny! Glad I could help you w/ Bootstrap.

[@senbonzakura__]

Very clear explanation! Did not have any other questions by the end of the video perfectly explained! Thanks very much my friend I will contain you to learn from you.

[@ADesignerWhoCodes]

You are very welcome!

[@yekna459]

my left ear really enjoyed this video

[@ADesignerWhoCodes]

Ha! Did I fail to set mono for the audio? lol

[@rawanfouda2291]

Great video, thanks!

[@ADesignerWhoCodes]

Glad you liked it!

[@SSaurabh2013]

Vgood, Keep making videos

[@ADesignerWhoCodes]

Thank you so much.

[@SSaurabh2013]

@@ADesignerWhoCodes just one question regarding the Grid system. Which is the better way to use one Row and inside it...We use all coloumns or Use more than one row

[@paulsheldon2970]

Thanks, that was a nice simple explanation. I have utilised this to create a simple 2 column form with text on the left and control (text box, dropdownlist etc) on the right. What I found however, was that on the xs screen (mobile) some of the text is too long and it wraps, which is great, but it sits underneath the textbox that is now below it. How can I get the responsive table to increase the height of the row to automatically accommodate the single line of text that has now wrapped and become 2 lines on a mobile screen? Thanks!

[@ADesignerWhoCodes]

I generally let text move on its own. Like water in a glass. Too much rigidity and it causes headaches. I'd recommend blocking the image then (versus inline) so it takes up the space. You might need to add a span tag to it as well. And I'd recommend doing it as a media query too! Hope this helps!

[@chrisc.4144]

The columns in a row will always be the same size? Regardless if one column has more content in it than the other ?

[@ADesignerWhoCodes]

By default yes. But I always specify a size.

[@mind2digital116]

Good tutorial, seems no gutters has been replaced for g-0.

[@ADesignerWhoCodes]

Ya, a few older videos are Bootstrap 4.

[@Just-random-vids]

Do you have a video that shows rows and columns inside rows in columns? I get confused when I set my page up. For example I have my Navbar then hero img, under thst left 8 columns of content, and to the right I need 4 columns of content. How do I get a row and columns to the right side of the page?

[@ADesignerWhoCodes]

Whoa. That’s a lot. Basically treat each cell/col as 100%. The parent is 100%. Inside each will be a makeup equivalent to 100%. I guess I’d kinda need to see an example to give it a proper explanation. I do have a navbar video. Look at my video list on my channel and you’ll find it.

[@Just-random-vids]

@@ADesignerWhoCodes Ok thank you!

[@nikolastojanovic7961]

Hi man, i have some question can u please help me. I have a problem with columns they are not in line, like i have in one row 3 columns that one below the other.

[@ADesignerWhoCodes]

Try removing anything except the react bootstrap code and see what happens.

[@hannanmughal3880]

how I can remove left space..........??

[@lilly5667]

Hi can you help with little detail for align?

[@ADesignerWhoCodes]

Check out my channel videos. I just made a video on aligning center.

[@semisam4928]

good

[@leandermejia6746]

How to center vertically and horizontal a col-12 row

[@ADesignerWhoCodes]

I've got a video coming up showing how to center content and divs in Bootstrap. Stay tuned!

[@diggee172]

Can’t hear audio