2013-02-15 76 views
4

我使用TwitterBootstrap和我想通過下面的代碼TwitterBootstrap + MVC中,如何通過動態寬度,以自舉.LESS類

this is my mvc(view) page where i give/set class name

this is buttons.less file

this is varible.less file

按鈕寬度dynamic..like

我想通過「@ wth」動態地從客戶端(從v IEW(MVC))。 現在它來了靜態varibles.less文件....但我想直接從視圖(MVC)傳遞。

那麼,什麼是最佳解決方案?

+0

我很好奇 - 爲什麼只要粘貼*代碼*就可以粘貼*代碼圖像*? – 2013-02-15 11:19:26

+0

一般我不使用堆棧....所以,我沒有太多的想法和認識的代碼的加點比圖像 – Kvadiyatar 2013-02-15 11:34:39

回答

1

儘管如果您在瀏覽器中使用less.js時會產生動態變化的效果,但這些樣式都會被編譯爲CSS文件,並且在應用到您的html時具有固定值。所以頁面加載後,您無法更改較少變量的值。

如果您需要根據幾個預設大小動態地更改按鈕的寬度,我會說您應該將類​​添加到您的css(小,中,大等),然後動態添加該類通過jQuery的addClass方法到您的CSS。

如果您需要直接設置寬度,我會使用jquery的css方法。

如果你打算做很多這樣的事情,你可能需要考慮使用一個數據綁定庫,它可以將一個Javascript對象綁定到你的html樣式,比如Knockout

+0

嗨兄弟,thx的回覆...我熟悉基因敲除+ jquery。但我想用「TwitterBootstrap」做一些新的事情。所以,你有什麼想法我怎麼可以提供或提供我的鏈接或代碼?...它應該對我有幫助。 – Kvadiyatar 2013-02-16 03:48:57

+0

Bootstrap網站上有很多很好的exmaples:http://twitter.github.com/bootstrap/getting-started.html#examples – 2013-02-16 03:57:46

+0

我知道...我使用bootstrap ...但我的問題是。 ..「我可以通過CSS價值動態?」... PLZ再次看到我的問題.... THX – Kvadiyatar 2013-02-16 05:25:27