我觉得把这个问题放在那里很愚蠢......
我使用的是 Visual Studio 2019。我使用 NuGet Packager Manager 将 Bootstrap 4.5 添加到我的 .Net Core 3.1 Web 项目中。当我这样做时,它添加了以下内容:
wwwroot
css
bootstrap.css
bootstrap.grid.css
bootstrap-reboot.css
js
bootstrap.js
但是,文件夹和文件上面都有一个蓝色箭头,表示它们是链接。当我查看项目文件时,我看到:
<ItemGroup>
<Content Update="C:\Users\SomeGuy\.nuget\packages\bootstrap\4.5.0\contentFiles\any\any\wwwroot\css\bootstrap.css">
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
</Content>
</ItemGroup>
每当我尝试在我的 _Layout.cshtml 文件中添加指向 css 文件的链接时,它不会显示在自动完成中。
我应该对 NuGet 包做些什么吗?或者到 wwwroot 文件夹?或者是否有一种特殊的方式我应该访问 css/js 文件?我已经做了一些谷歌搜索,但我没有看到任何引用它的东西。任何帮助是极大的赞赏。谢谢。
最佳答案
没有任何特殊的方法来添加 Bootstrap 链接。它们只是作为链接添加到您的 _Layout.cshtml
中文件。
在<head>
部分添加到 css 文件的链接:
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.css" />
在 <body>
的末尾标记添加到 javascript 文件的链接:
<script src="~/lib/bootstrap/js/bootstrap.js"></script>
您可以通过这种方式在生产中使用缩小版本:
<environment include="Development">
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.css" />
</environment>
<environment exclude="Development">
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
</environment>
https://stackoverflow.com/questions/62479023/
相关文章:
azure-functions - Azure Functions、Servicebus 和 Cor
javascript - 为什么字符串中的等号会抛出意外的标记错误?
react-native - 在通过深度链接导航到特定路线导航时 React Native。goBa
python - Not able to "import win32com.shell.shell"
visual-studio-code - VScode 中的 vim 仿真扩展导致问题
mysql - 使用 MySQL 计算值之间的差异 (PV)
flutter - 在 Flutter 应用程序中从 pubspec for web 获取版本
ios - VoiceOver 在 UITableView 中滚动,其中单元格和 subview 都