Ich arbeite an einem Projekt, bei dem wir die Bootstrap-Dateien weniger unberührt lassen. Wir möchten auch keine Bootstrap-Klassen im HTML verwenden, da wir sie in Zukunft möglicherweise nicht mehr verwenden werden. Ich experimentiere mit der Funktion "Erweitern", um unsere Klassennamen mit der BS-Version im Stylesheet zu gruppieren. Dies hat außer bei den Rasterspalten gut funktioniert. Da die Spaltenklassennamen mit dem Mixin ".make-grid" erstellt wurden, kann ich sie nicht erweitern. Irgendwelche Gedanken darüber, wie man BS-Klassennamen nicht für das Gitter verwendet UND das CSS nicht aufbläht?

Wenn Sie mit der Option "Erweitern" nicht vertraut sind, können Sie die Dokumentation hier anzeigen:http://www.lesscss.org/#-extend

//Not ideal because it duplicates declarations.
.mytable {
  .table;
}

//Good because it groups the selectors instead of duplicating declarations.
.mytable {
  &:extend(.table all);
}

//This does not work, but I wish it did.
.search {
  &:extend(.col-sm-6); 
}

//This is not ideal because it duplicates declarations.
.search {
  .make-sm-column(6);
}