Two equal and unequal columns:-

                 इस उदाहरण में, आपके पास एक row है जिसमें दो और divisions हैं। पहला div छोटे स्क्रीन पर 6 कॉलम लेता है और दूसरा div भी छोटे स्क्रीन पर 6 कॉलम लेता है। चूंकि आपने मध्यम और बड़े स्क्रीन size के लिए कॉलम size specified नहीं किया है। छोटी स्क्रीन के लिए कॉलम का आकार उन पर लागू होगा। आप फिर से एक row बनाते हैं जिसमें दो और div होते हैं। पहला डिव छोटी स्क्रीन पर 4 कॉलम लेता है और दूसरा डिव एक कंटेनर के अंदर छोटी स्क्रीन पर 8 कॉलम लेता है।

Two equal and unequal columns:-

                 In this example, you have a row that has two further divisions. The First div takes 6 columns on the small screen and second div shall also take 6 columns on the small screen. Since you have not specified the columns size for medium and large screen size. The column size for small screen will be application to them. You again create a row that has two further div. the first div takes 4 columns on the small screen and the second div takes 8 columns on the small screen inside a container.

Example: