c# - 如何在 Visual Studio 2017 ASP.NET Core Web 应用程序中集成 Bootstrap 4？

Question

我想在 VS 的 ASP.NET Core Web 应用程序中使用 Bootstrap。实际上 NuGet 不再支持 Bootstrap。我现在如何整合它？如何将引导程序的文件添加到我的项目中？

或者你能推荐一些在 VS 中更容易使用 Bootstrap 的项目类型吗？我不知道所有 Web 项目类型之间的区别。

非常感谢！

标签： c#asp.netvisual-studio-2017bootstrap-4

Answer 1

您可以使用完整的 .NET Framework 而不是 .NET Core。我已经多次使用 Nuget 为此类项目安装了 Bootstrap，并且从未遇到过问题。

另一种方法是使用 Bootstrap CDN。这通常是首选方法，因为您不需要自己托管源文件。只需将以下标签添加到您的视图中，它就会为您加载 Bootstrap CSS 和 JavaScript 文件。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>

请注意，您还需要将 jquery 和 popper 作为依赖项包含在内。如果您还没有这些设置，您也可以通过 CDN 添加这些设置：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

第二种选择是手动包含参考。为此，您需要前往getbootstrap.com并下载“已编译的 CSS 和 JS 链接”。这包含您想要包含的 .CSS 和 .JS 文件。因此，将这些添加到 Visual Studio，然后在您的视图中添加指向它们的链接。按如下方式添加它们：

对于 .JS 文件：

<script src="myscripts.js"></script>

对于 .CSS 文件：

<link rel="stylesheet" type="text/css"href="mystyle.css">