Pracuję nad projektem, w którym pozostawiamy pliki Bootstrap bez zmian. Nie chcemy również używać klas Bootstrap w kodzie HTML, ponieważ nie możemy go używać w przyszłości. Eksperymentuję z użyciem funkcji „rozszerz”, aby pogrupować nasze nazwy klas z wersją BS w arkuszu stylów. To działało dobrze z wyjątkiem kolumn siatki. Ponieważ nazwy klas kolumn są zbudowane z miksu „.make-grid”, nie mogę ich rozszerzyć. Jakieś przemyślenia na temat tego, jak nie używać nazw klas BS dla siatki I nie rozdęć CSS?

Jeśli nie znasz opcji rozszerzenia, możesz przejrzeć dokumentację tutaj: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);
}