1

## CodeCowboy からの質問:

一部のブートストラップ変数に依存するサードパーティ製のレス ファイルをいくつか含めましたが、grunt dev を実行すると次のエラーが発生します。

NameError: variable @container-lg is undefined in assets/vendor/jasny-bootstrap/less/variables.less on line 11, column 28:
>> 10 
>> 11 @container-smooth:         @container-lg;
>> 12
Warning: Error compiling assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less Use --force to continue.
I think roots is including bootstrap's variable file first which contains:

@container-large-desktop:      (1140px + @grid-gutter-width);
//** For `@screen-lg-min` and up.
@container-lg:                @container-large-desktop;

では、grunt dev が失敗し、この変数が表示されない理由がわかりません。これは厳密にはルートの問題ではないことを認識していますが、誰かが助けてくれることを願っており、ルートのブートストラップの使用に固有のものである可能性があります。

gruntfile.js の関連セクション

less: {
  dev: {
    files: {
      'assets/css/main.css': [
        'assets/less/main.less',
        'assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less'
      ]
    },
4

1 に答える 1

1

ブートストラップと組み合わせる

できれば、Twitter Bootstrap も含む less ファイルに Jasny Bootstrap をロードする必要があります。したがって、 main.less は次のようになります

@include 'assets/vendor/bootstrap/less/bootstrap.less';
@include 'assets/vendor/jasny-bootstrap/less/jasny-bootstrap.less';

// Your own CSS rules 
...

スタンドアロン

または、Jasny Bootstrap をスタンドアロンとしてビルドすることもできます。その場合は、less/ build /jasny-bootstrap.lessを使用してください。うなり声の設定をに変更します

less: {
  dev: {
    files: {
      'assets/css/main.css': [
        'assets/less/main.less',
        'assets/vendor/jasny-bootstrap/less/build/jasny-bootstrap.less'
      ]
    },
于 2014-12-30T13:28:09.147 に答える