mixins在bootstrap中的作用是什么?

时间:2016-10-29 07:22:43

标签: css twitter-bootstrap less-mixins gutter

我是bootstrap的初学者,我无法理解这个概念。

以下less代码的含义是什么?

// Creates  wrapper for a series of columns

.make-row(@gutter: @grid-gutter-width) {

  // Then clear the floated columns
  .clearfix();

  @media (min-width: @screen-sm-min) {
    margin-left:  (@gutter / -2);
    margin-right: (@gutter / -2);
  }

  // Negative margin nested rows out to align the content of columns
  .row {
    margin-left:  (@gutter / -2);
    margin-right: (@gutter / -2);
  }
}

1 个答案:

答案 0 :(得分:0)

你是否已经尝试将这个mixin编译用于css?我认为这是不言自明的。 Mixins可以像简单函数一样处理(带参数或没有参数)。

Look at the compiled code.