引导脚本和样式不起作用答案

【问题标题】：Bootstrap scripts and style are not working引导脚本和样式不起作用
【发布时间】：2014-05-11 11:36:32
【问题描述】：

我已经下载了一个 Bootstrap 模板并将其嵌入到我的 Web 应用程序中。当我尝试使用localhost:xxxxx 访问时，它工作正常但是，当我尝试使用相同或任何 controller(localhost:xxxxx\Dashboard\Patient) 样式和脚本进行访问时，它们将无法正常工作。还告诉我，在上述情况下，我必须注册或添加引导程序的引用

【问题讨论】：

您是否将 Bootstrap 添加到站点主站？

标签： css asp.net asp.net-mvc twitter-bootstrap

【解决方案1】：

听起来你的路走错了。如果您使用的是 Chrome，请按 F12 以调出开发人员工具，然后重新加载页面。错误将被写入控制台，指示无法加载资源。我猜你指的是他们认为他们驻留在页面的同一目录中（例如<link href="bootstrap.css"...

尝试使用 Bundle，让它们为您管理路径。所以把这个添加到你的<head>：

  @Styles.Render("~/Content/bootstrap")

并在关闭 </body> 标签之前添加此脚本 Bundle：

  @Scripts.Render("~/bundles/bootstrap")

这些是指Bundles 的 CSS 和 Javascript 文件。打开/App_Start/BundleCondif.cs 并添加这些Bundles：

 bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                "~/Scripts/bootstrap.js"));

 bundles.Add(new StyleBundle("~/Content/bootstrap").Include(
                 "~/Content/bootstrap.css", 
                 "~/Content/bootstrap-theme.css"));

注意路径，您的bootstrap.js 需要驻留在/Scripts/ 中，您的CSS 文件需要驻留在/CSS/ 中

【讨论】：

谢谢大家但是我已经通过在所有引用中插入 ~/ 解决了这个问题之前之后
优秀。当您的页面放置在层次结构中的各个目录中时，相对引用不会中断，波浪号将解析为绝对路径。但是，我确实建议您查看捆绑。除了集中和逻辑组织您的引用之外，它还将处理路径（当然，使用波浪号）和缩小，这是对您的站点的优化。参考：asp.net/mvc/tutorials/mvc-4/bundling-and-minification
没问题，如果对你有帮助，请随时标记我的答案:)