Bootstrap 3.1 Wie verwendet man das Mixin make-grid-columns()?

Question

Früher habe ich Bootstrap 3.0 verwendet und meinen CSS aus den Bootstrap Less-Dateien + einigen meiner eigenen Less-Dateien kompiliert.

Dabei übernehmen einige meiner Klassen einige Bootstrap-Stile wie folgt:

.myClass{
    .col-md-3;
    border: 1px solid #000;
    [usw., usw.]
}

Das hat in Bootstrap 3.0 hervorragend funktioniert, da alle col-md-X-Klassen als Less-Variablen definiert sind. Aber in Bootstrap 3.1 scheint dies irgendwie durch eine Mixin-Funktion namens make-grid-columns() ersetzt worden zu sein.

Weiß jemand, wie man dieses Mixin nutzen kann und wie man die obige Konstruktion in Bootstrap 3.1 überführen kann? :-/

Answer 1

Laut der Dokumentation kannst du das .make-md-column(3); Mixin verwenden, zum Beispiel:

.myClass{
    .make-md-column(3); /* Ersetzt .col-md-3; */
    border: 1px solid #000;
    [usw.]
}

Answer 2

Dies ist das Raster im klassischen Bootstrap-Stil:

  Meow
  Meow
  Meow
  Meow

Und dies ist selbst kompiliert:

.productgrid {

  .make-row();
  .clearfix;

  .product {

    .make-xs-column(12);
    .make-sm-column(6);
    .make-md-column(4);
    .make-lg-column(2);
  }
}

Das resultierende Markup wird so aussehen:

  Meow
  Meow
  Meow
  Meow