c# - 尽管已添加到我的项目中但无法使用 Bootstrap

我觉得把这个问题放在那里很愚蠢......

我使用的是 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 都

python - Librosa 无法从 BytesIO 加载

javascript - React 如何区分具有相同父级的两个数组的相似键?