col-sm-4 both are split into two parts, In which first one is split into. In the following example, layout has been divided into two columns. Note: The nested row should include scales up to 12 columns as the device or viewport. To test your content, you have to add a row and col-*-* class within an existing col-*-* class. It is similar to something we have already used, that is the nested loop and conditional statement in programming languages (In C, C++ & other). We use 4 col in small and 4 col in large device in 12 columns. We use 4 col in small and 5 col in large device in 12 columns. We use 4 col in small and 3 col in large device in 12 columns. We are dividing here columns for small devices as. In the following example, the layout has been divided into two grid class ( sm & md) for different device viewport. It’s up to you in how many columns you want to divide Grid individually in your page on different devices and how many columns group you want on different devices. ![]() So, in these Responsive columns, we use one or all four grid for layout, according to the device or viewport size. We know that we have four grid classes ( xs, sm, md, lg). ![]() In the previous article, we have learnt what is grid and grid system and how it works? Now, we will learn about how Responsive column, Nesting Columns and Offset Columns works and how to use them? If you have any doubt, feel free to ask in the comment section. Submitted by Bharti Parmar, on August 19, 2018 In this article, we will learn about how Responsive column, Nesting Columns and Offset Columns works and how to use them?
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |