layui col xs layui col sm layui col md layui col lg Total number of columns. 12. 12. 12. 12. Response behavior. Always arrange horizontally according to the set proportion. It is arranged horizontally under the current screen and stacked if the screen size is lower than the critical value
Add a similar value to the columnlayui col md offset To shift the column to the right. The sign represents the number of columns occupied by the offset which can be selected from 1 to 12. For example layui col md offset3 which means that under medium desktop screen the column is offset to the right by 3 column widths
bootstrapcol smcol md col sm ≥768px col md ≥992px bootstrapcsscol xs col sm col md
layui col xs4 # layui col sm4 #4 layui col md4 #4 layui col lg4 #4 4. layui col space5 layui col md offset3
Appending columns is similarlayui col md offset To offset the column to the right. The sign represents the number of columns occupied by the offset which can be selected as 1 12. For example layui col md offset3 which means that under medium desktop screen the column is offset to the right by 3 column widths