Visual Studio ASP.NET MVC未加载本地bootstrap.css

时间:2014-05-14 08:39:53

标签: asp.net-mvc twitter-bootstrap

我使用nuget包管理器安装了bootstrap,css文件现在位于我的/ Content /文件夹中。但是,当尝试使用以下方法引用它们时:

<link rel="stylesheet"  href="∼/Content/bootstrap.min.css" />

它不起作用。但是当使用CDN引用它们时:

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

确实有效。我似乎无法弄清楚出了什么问题,因为我之前从未遇到过这个问题。我正在使用带有MVC的空模板。

编辑:经过一些游戏,我发现它没有加载/%E2%88%BC/Content/bootstrap.css但是在删除tilda(〜)之后它运行正常。有人有任何想法吗?

3 个答案:

答案 0 :(得分:0)

这不是正确的路径,它使用tilda,它在asp.net中的服务器控件中呈现链接时在服务器上使用。

而不是:

<link rel="stylesheet"  href="∼/Content/bootstrap.min.css" />

试试这个:

<link rel="stylesheet"  href="@Url.Content("∼/Content/bootstrap.min.css")" />

假设您正在使用Razor。


或者,考虑查看使用新asp.net站点获得的样式和脚本捆绑。可能非常有用。

答案 1 :(得分:0)

现在,只有Bootsrap 3可以使用.Net中的本地链接。可怕。 :(对于4,您必须使用CDN:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

答案 2 :(得分:0)

在Startup.cs中添加“ app.UseStaticFiles()”对我有用:

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseBrowserLink();
        app.UseStaticFiles();
        app.UseMvcWithDefaultRoute();
    }
}