less - TwitterBootstrap+mvc、動的幅をboostrap.lessクラスに渡す方法

Question

私は TwitterBootstrap を使用しており、ボタンの幅を動的に渡したい..以下のコードのように

"@wth"値をクライアント側 (view(MVC) から) から動的に渡したい。現在、それはvaribles.lessファイルで静的に行われています....しかし、ビュー(MVC)から直接渡したいです。

それで、最善の解決策は何ですか？

Answer 1

ブラウザでless.jsを使用すると動的なことができるように見えますが、これらのスタイルはすべてCSSファイルにコンパイルされ、htmlに適用されるまでに固定値になります。したがって、ページの読み込み後にLess変数の値を変更することはできません。

いくつかの事前設定されたサイズに基づいてボタンの幅を動的に変更する必要がある場合は、cssにクラス（小、中、大など）を追加してから、そのクラスを動的に追加する必要があります。 JqueryのaddClassメソッドを介したCSS 。

幅を直接設定する必要がある場合は、Jqueryのcssメソッドを使用します。

この種のことをたくさん行う場合は、JavascriptオブジェクトをKnockoutなどのhtmlスタイルにバインドできるデータバインディングライブラリの使用を検討することをお勧めします。