css - Lessを使用してTwitterBootstrapをカスタマイズするにはどうすればよいですか？（ナビゲーションバーの高さ）

Question

LESSを使用してTwitterBootstrapのコンポーネントを変更する方法について説明しているこのような記事に出くわしました。ただし、ファイルに何を含めるべきか、またはファイルをどのように構築する必要があるのか​​わかりません。

LESSを使用してナビゲーションバーの高さを変更するにはどうすればよいですか？

Answer 1

最初にgithubからlessファイルをダウンロードしてから、高さが設定されている場所を調べます。ファイルをざっと見てみると、高さは22行目のnavbar.lessで最初に設定されていることがわかりました。

min-height: @navbarHeight;

ご覧のとおり、高さの設定には変数が使用されています。同じファイルを詳しく見ると、変数がナビゲーションバー内のアイテムのさまざまな高さを設定するために数回使用されていることがわかります。最も簡単な方法は、その変数の値を変更することです。これはvariables.lessファイルにあるはずです。好きなように設定し、bootstrap.lessを再コンパイルします。

ブートストラップのバージョンを更新することにした場合は、variables.lessファイルを保持し、残りを新しいバージョンに変更するだけで済みます。もちろん、これは、新しい変数を追加しない場合にのみ当てはまります。

Answer 2

PeterVRは、lessをダウンロードしてセットアップした後、lessをローカルで更新する方法を説明しています。ただし、必要に応じて、より少ないテンプレートの再コンパイルなどを処理したくない場合は、TwitterBootstrapCustomizeページにダウンロードする前にブートストラップディストリビューションをカスタマイズできます。

長期的には、ソースファイルを自分でダウンロードし、ブートストラップのデフォルトに対して行うオーバーライドを管理する方がよい場合があります。そうしないと、デフォルト設定をすばやく簡単にオーバーライドする必要がある場合があります。