1

在 twitter-bootstrap 中混入：https ://github.com/twitter/bootstrap/blob/master/less/mixins.less

有 dash 和 camelCase 命名的 mixins： .buttonBackground .input-block-level

在 3.0.0-wip 分支中我们也有下划线：clear_float

我的问题是什么是 mixin 命名约定？谢谢！

4

1 回答 1

1

Bootstrap 默认使用 less 。您对变量和 Mixins 感到困惑（可以理解为函数）

因此骆驼与以下变量一起使用：

@color: #333;

  #nav {
   color: @color;
  }

@color 在这里是一个变量。

现在 mixins 允许我们通过简单地在其中引用它的类名来将一个类的所有属性添加到另一个类中。例如 ：

.center-block() {
    display: block;
     margin-left: auto;
     margin-right: auto;
   }

我们可以将center-block上面的类直接使用到一个我们想要具有相同属性的新类中。IE ：

#nav > li > a{
       .center-block;

}

mixin 是声明的简单类，可以在任何地方使用。因此它们的命名约定是我们在 css 中声明其他类的常规方式。

但是如果你只是想区分 mixins 和其他类..你可以有一种特定的方式来编写它们......就像第一个字母作为大写..你知道一些对你有用的东西。

于 2013-02-26T10:02:22.927 回答