TwitterBootstrapmvc，如何将动态宽度传递给bootstrap .less类

Question

我正在使用TwitterBootstrap，我希望传递按钮宽度动态..如下面的代码

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

  

那么，什么是最佳解决方案？

Answer 1

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

如果你需要根据一些预先设定的大小动态更改按钮的宽度，我会说你应该为你的css（小，中，大等）添加类，然后动态添加通过Jquery的addClass方法对CSS进行分类。

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

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