How to set grid style in front-end AmazeUI
Today, the editor will share with you the relevant knowledge points about how to set grid style in the front-end AmazeUI. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look.
The details are as follows:
Grid div > div:nth-child (1) {background-color: # 06f;} div > div:nth-child (2) {background-color: # 0f6;} div > div:nth-child (3) {background-color: # 60f;} div > div:nth-child (4) {background-color: # 6f0;} div > div:nth-child (5) {background-color: # f60;} div > div:nth-child (6) {background-color: # f06 Example 1: a basic grid 48 example 2: different partition ratios in different regions sm-6 md-4 lg-3 sm-6 md-8 lg-9 example 3: limited width grid 48 example 4: container .am-u-sm-6 .am-u-sm-6 example 5: less than 12 copies grid 3 3 3 example 6: responsive auxiliary class control Explicit and hidden sm-2 lg-4 sm4 lg4 sm-6 lg-4 sm-full lg-3 sm-full lg-6 sm-full lg-3 6 2 6 8 full 2 3 9 full 4 full 8 6 5 6 7 full 6 full 6 example 7: column margin 1 11 1 10 Offset 1 1 9, offset 2 1 8, offset 3 1 7, offset 4 example 8: Center To be or not to be 3 centered 6 centered 9 md-down-centered 11 centered example 9: structure and performance inconsistency 8 main 4 sidebar example 10: columns without inner margins. Am-u-sm-6. Am-u-sm-6 above is all the content of the article "how to style the grid in the front-end AmazeUI". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.
