2013-02-15 64 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