Hello guys, welcome to the next video tutorial on Bootstrap for beginners. In the last video, we learned about the grid system in Bootstrap and how to use containers. In this video, we will see how to insert rows and columns inside a container. To add rows in Bootstrap, you can simply use the `
` element with the class "row". There is no restriction on the number of rows you can add. You can copy and paste the `
` element with the "row" class to add multiple rows.
To add columns, you need to add them inside the rows. To do this, use the class "col-size-number" where "size" can be 'xs' for phones, 'sm' for tablets, 'md' for desktops, and 'lg' for larger desktops. The "number" indicates the number of columns you want to add. The maximum number of columns in Bootstrap is 12.
For example, if you want to add a column of size 6 for desktop, you can use the class "col-md-6". You can vary the number of columns from 1 to 12 as per your requirement.
You can add multiple columns inside a row, just copy the column code and paste it inside the row. Make sure the total number of columns adds up to 12 in this case.
By combining rows and columns, you can create responsive designs using Bootstrap. Try different sizes and arrangements to see how the layout changes.
If you want to add more rows containing these columns, simply copy the row code and paste it again. You can have as many rows as you want.
I hope you found this tutorial helpful. Don't forget to rate, comment, subscribe, and share. Happy Bootstrap coding.