1

twitter-bootstrap mixin: https://github.com/twitter/bootstrap/blob/master/less/mixins.less

ダッシュとキャメルケースによる名前付けのミックスインがあります: .buttonBackground .input-block-level

3.0.0-wip ブランチにはアンダースコアもあります: clear_float

私の質問は、ミックスインの命名規則とは何ですか?ありがとう!

4

1 に答える 1

1

Bootstrap はデフォルトで less を使用します。変数とミックスインで混乱しています（関数として理解できます）

したがって、ラクダは次のような変数で使用されます。

@color: #333;

  #nav {
   color: @color;
  }

@color ここでは変数です。

現在、ミックスインを使用すると、クラス内のクラス名を参照するだけで、クラスのすべてのプロパティを別のクラスに追加できます。例えば ​​：

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

center-block上記のクラスを、同じプロパティを持ちたい新しいクラスに直接使用できます。すなわち：

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

}

ミックスインは、宣言され、どこでも使用できる単純なクラスです。したがって、それらの命名規則は、 css で他のクラスを宣言する通常の方法です。

しかし、ミックスインと他のクラスを区別したいだけなら..それらを特定の書き方で書くことができます...最初のアルファベットを大文字にするように..あなたにとって役立つ何かを知っています。

于 2013-02-26T10:02:22.927 に答える