修改Bootstrap.css并更新Visual Studio中的缩小版本?

时间:2014-02-19 21:13:39

标签: html css twitter-bootstrap visual-studio-2013 minify

我正在使用VS Express 2013,尝试为Roadkill wiki自定义引导主题。我正试图用背景图片替换身体颜色。

修改bootstrap.css很容易,但为了获取站点更新,您需要将更改推送到bootstrap.min.css。到目前为止,我只知道如何手动执行此操作。我正在寻找任何方法,我可以自动更新缩小版本。

我猜这可能很简单,但我找不到任何关于如何做的步骤。

3 个答案:

答案 0 :(得分:7)

只需创建自己的css文件并覆盖您想要更改的css设置。

请确保在引导程序后加载覆盖css,以便覆盖优先。

这样你根本不需要编辑boostrap css。

答案 1 :(得分:2)

你是对的,这很容易做到:见http://cssminifier.com/。我只是粘贴在我的自定义引导文件的整个文本中,单击" Minify",然后复制输出以覆盖bootstrap.min.css的内容。 (我先拿了.min文件的副本,只是为了安全。)

答案 2 :(得分:0)

在Visual Studio 2013中,如果您使用的是ASP.NET MVC(您还没有提到,但我怀疑您使用的是MVC 5,因为您正在使用Roadkill wiki),对CSS和JavaScript进行捆绑和优化由于安装了NuGet包Microsoft ASP.NET Web Optimization,因此启用后会自动完成文件。

从Microsoft,如何启用/禁用...请参阅文章的中间部分"控制捆绑和缩小": http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification