Shulou(Shulou.com)06/01 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.