时间戳

首页 > 解决方案 > 无法使用 Bootstrap，尽管它已添加到我的项目中

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 文件？我做了一些谷歌搜索，但我没有看到任何引用它的东西。任何帮助是极大的赞赏。谢谢。

标签： c#asp.net-corebootstrap-4

解决方案

没有任何特殊的方法可以添加引导链接。它们只是作为链接添加到您的_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>

推荐阅读