Sci*_*sol 3 asp.net visual-studio twitter-bootstrap
Bower 显然不再适用于将 Bootstrap 安装到 Visual Studio 项目中:
我正在 Visual Studio 15.4 中做一个 ASP.Net Core 2 MVC 项目。
对我来说似乎很简单,我只需下载 Bootstrap 并将其放入我的项目中,然后使用链接标记以正常方式从我的视图中引用 bootstrap.css 文件。
我下载了 bootstrap-4.0.0-alpha.6.dist 并将其放在我项目的 wwwroot 文件夹中。该文件夹绝对已解压缩,我认为它在哪里。下一层是一个名为 css 的文件夹,该文件夹中存放着 bootstrap.css。
然后我有一个这样的普通视图:
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<link rel="stylesheet" href="~/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.css" />
</head>
<body>
<h3 class="text-center">Hello, World!</h3>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
并且页面似乎找不到样式表。当我运行项目时,没有应用 Bootstrap 类。当我单击页面的查看源选项并单击样式表的地址时,它确实告诉我它找不到样式表:
No webpage was found for the web address: http://localhost:62732/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.css
HTTP ERROR 404
Run Code Online (Sandbox Code Playgroud)
我已经尝试了我能想到的地址的所有变体,例如:
<link rel="stylesheet" href="../wwwroot/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.css" />
Run Code Online (Sandbox Code Playgroud)
但没有效果。我也在三种不同的浏览器中得到了这个结果。
我在 Visual Studio 之外用普通的文本文件做了这件事,然后让它工作。关于 MVC 视图如何解析样式表的位置,我一定有些不明白。
有谁知道我做错了什么,或者有更好的方法来解决这个问题?
最简单的方法是使用 NuGet 控制台。
只需导航到:
打开 VS >> 工具菜单 >> NuGet 包管理器 >> 控制台命令。
或者:选项>> NuGet 包管理器>> 包源对话框。
控制台出现在底部页面后,键入:
PM> Install-Package bootstrap -Version 3.3.7
Run Code Online (Sandbox Code Playgroud)
如果这给您带来任何问题或帮助,请告诉我。
归档时间: |
|
查看次数: |
21851 次 |
最近记录: |