4

ダウンロード リンクから .less ファイルをダウンロードし、プロジェクトに追加しました。私もless.jsをダウンロードしてプロジェクトに追加しました。ページの先頭に次の内容を含める場合:

<link rel="stylesheet/less" href="@routes.Assets.at("less/bootstrap.less")">
    <script src="@routes.Assets.at("less/less-1.3.0.min.js")"></script>

レスポンシブ部分を除いて、ブートストラップは機能しているようです (つまり、ブラウザ ウィンドウが狭くなりすぎてもナビゲーション バーは折りたたまれません)。これは、bootstrap-responsive.css を手動で追加することで修正できます

<link rel="stylesheet" href="@routes.Assets.at("stylesheets/bootstrap-responsive.css")" />

問題は、自分のページのカラー テーマを変更したい場合、bootstrap-responsive.css のカラー値を編集する必要があることです。これは面倒です。一部の .less ファイルは、bootstrap-responsive.css (responsive-navabar.less など) を生成するためのものだったようですが、機能していません。

.less ファイルから bootstrap-responsive.css ファイルを取得する方法について何かアドバイスはありますか?

4

1 に答える 1