less - TwitterBootstrap + mvc，如何将动态宽度传递给 boostrap .less 类

Question

我正在使用 TwitterBootstrap，我想传递按钮宽度动态..就像下面的代码

我想从客户端（从视图（MVC））动态传递“@wth”值。现在它静态地出现在varibles.less文件中......但我想直接从视图（MVC）传递。

那么，最好的解决方案是什么？

Answer 1

虽然如果你在浏览器中使用 less.js 给人的印象是能够做动态的事情，但这些样式都被编译成 CSS 文件，并且在它们应用于你的 html 时具有固定的值。因此，您无法在页面加载后更改 Less 变量的值。

如果您需要根据一些预设尺寸动态更改按钮的宽度，我会说您应该将类​​添加到您的 css（小、中、大等），然后将该类动态添加到您的CSS 通过 Jquery 的addClass方法。

如果您需要直接设置宽度，我会使用 Jquery 的css方法。

如果您要做很​​多此类事情，您可能需要考虑使用可以将 Javascript 对象绑定到您的 html 样式的数据绑定库，例如Knockout。