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

Question

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

更新

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

但是接下来我该怎么办？我试着查看网址

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);

Answer 1

我目前使用 nodejs 编译 less 文件。

您需要安装node.js .

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

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

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

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

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