LESS Grid 实现栅格布局

@import ‘variables.less’;
@import ‘module.less’;

//- 设备尺寸
@xs: 480px;
@sm: 768px;
@md: 992px;
@lg: 1200px;

// 栅格数
@grid-count: 12;
// 容器名
@container: ~"container";
// 行名
@row: ~"row";
// 列名
@col-name: ~"col";
// 列边距
@col-padding: 15px;

//- 栅格布局 Start
.@{
   container},
.@{
   container}-fluid {

  .margin(x, auto);
  .padding(x, @col-padding);
  .box-sizing();
  .transition(width 0.9s cubic-bezier(1,-0.02, 0,