Question

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

Answer 1

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

尝试使用Bundles并让他们为您管理路径。请将此添加到您的<head>：

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

在结束Bundle标记之前添加此脚本</body>：

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

这些引用了Bundle的CSS和Javascript文件。打开/App_Start/BundleCondif.cs并添加这些Bundle s：

 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/

Bootstrap脚本和样式不起作用

1 个答案: