asp.net-mvc - 如何同时使用 Twitter Bootstrap、MVC 和 Visual Studio？

我开始尝试 Bootstrap。我已经下载了 dotless 扩展，但我对接下来要做什么感到困惑。查看引导文件，我看到很多 .less 文件。有人可以解释一下我应该将这些放在 MVC 文件夹结构中的什么位置，以及如何设置应用程序，以便在更改颜色变量时更新我的​​ .css 文件。

更新

按照建议，我将所有 .less 文件放在与我的 css 相同的目录中。

但是接下来我该怎么办？我试图查看 URL

http://127.255.0.0:82/Content/Stylesheets/bootstrap.less

在我的浏览器中，但收到以下消息:

(

Expected '}' but found '~' on line 522 in file 'mixins.less':
[521]:     .spanX (@index) when (@index > 0) {
[522]:       (~".span@{index}") { .span(@index); }
       ------^
[523]:       .spanX(@index - 1);

最佳答案

我目前使用 nodejs 在构建时编译较少的文件。

您需要安装 node.js 。

安装后，在命令提示符下键入:“npm install less -g”这会全局安装最新的 less(全局末尾的 -g)。

在 Visual Studio 中，转到网站属性页面中的“构建事件”并输入“预构建事件命令行”，如下所示:

lessc $(SolutionDir)path-to-main-less-file.less > $(SolutionDir)path-to-where-css-is-output.css -x

编辑:Bootstrap 现在使用 Recess 并且 npm 命令已更改 as seen here 。

放轻松，这是我的第一篇文章! :)

关于asp.net-mvc - 如何同时使用 Twitter Bootstrap、MVC 和 Visual Studio？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9798214/