【问题标题】:How to easily apply Bootstrap to a completed ASP.net MVC 4 application?如何轻松地将 Bootstrap 应用于已完成的 ASP.net MVC 4 应用程序?
【发布时间】:2014-01-11 03:54:59
【问题描述】:
我创建了一个 ASP.net MVC 4 应用程序。现在我决定在我的应用程序中集成 bootstrap 3.0.3。但我发现这并不容易。我在谷歌上搜索并找到了教程,其中解释了如何将引导程序与全新的 ASP.net MVC 应用程序集成。
Tutorial 1
Tutorial 2
我的 ASP.net MVC 4 应用程序将“Razor”作为视图引擎,我选择了“Internet 应用程序”模板。
是不是因为一开始没有选择Bootstrap,所以要一步步修改所有视图?
如果我只包含 bootstrap.css 和 bootstrap.js 页面就会变形。
【问题讨论】:
标签:
asp.net-mvc
asp.net-mvc-4
twitter-bootstrap
【解决方案1】:
您不必删除 Site.css 文件,因为它包含当前为您的网站定义的样式,如果您删除它,您的样式也会被删除。如果您想包含 bootstrap.css,请在您的 site.css 文件之前调用它。当您只使用 bootstrap css 文件时,您的站点变形的原因是因为您不是为 bootstrap 设计的,而是您自己的自定义 Site.CSS。根据您网站的复杂性,引导程序可以很容易或极难集成。即使您在站点 css 之前调用引导 css,它也可以并且更有可能会影响您的站点的外观。您只需添加它,查看网站,然后进行必要的更改以解决任何问题。