css - less と Bootstrap を使用したメディア クエリ

Question

少ないものから始めたばかりです。タグに関する Bootstrap の多数のクラスの見栄えを良くするために、いくつかの単純なラッパーをより少ない形式で作成しようとしました。

私のコード全体は以下のとおりです。

// Import boostrap.
@import "./less/bootstrap.less";

// General classes for content.
focus {
    .span12;
}

content {
    .span8;
}

side {
    .span4;
}

.span12このより少ないファイルの目的は、Bootstrap のクラスなど、単一のことを行う見栄えの良いラッパーを提供することです。やがて、これをある種のボタンに拡張する予定です。

いずれにせよ、を使用して less ファイルをコンパイルするときに問題が発生していますlessc style.less。

それが与えるエラーは次のとおりです。

NameError: .span12 is undefined in /srv/http/www/style.less on line 6, column 5:
5 focus {
6     .span12;
7 }

クラスに関するドキュメントをいくつか見つけまし.makeColumn(i)たが、問題は、Bootstrap に既に完全に優れたメディア クエリがあり、自分で作成することを避けたかったことです。

とにかく、メディアクエリを既に持っているクラスをラップする方法はありますか?それとも、それを吸い上げてラッパー用に独自に作成する必要がありますか?