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

Question

我希望在 VS 中的 ASP.NET Core Web 应用程序中使用 Bootstrap。实际上，NuGet 不再支持 Bootstrap 。现在该如何集成它？我该如何将 Bootstrap 文件添加到我的项目中？

或者你能否建议一些其他的 VS 项目类型，更容易使用 Bootstrap？我不知道所有 Web 项目类型之间的区别。

非常感谢！

- nicowi

---

https://stackoverflow.com/a/50824906/240564 - Alexan

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并下载“Compiled CSS and JS link”。 这里有您想要包含的.CSS和.JS文件。将它们添加到Visual Studio中，然后在视图中添加链接。具体如下：

对于.JS文件：

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

对于.CSS文件：

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

- ivcubr

Answer 2

使用Library Manager：

Library Manager（简称“LibMan”）是Visual Studio的实验性客户端库获取工具。它提供了一种轻量级、简单的机制，帮助用户从外部来源（如CDNJS）查找和获取库文件，并将它们放置在您的项目中。

- Alexan

---

我使用了LibMan获取最新的Bootstrap版本，但我仍然看到由VS2017默认放置的旧版BS 3.3.7版本。我应该忽略它吗？ - Fandango68

@Fandango68，所以你有两个版本？ - Alexan

是的，不幸的是。如果您打开VS2017（最新版本），并创建一个新的ASP.Net WebForm项目，例如，它加载的Bootstrap是3.3.7。然后我使用LibMan做了你所做的事情，将其升级到4.2.1，但3.3.7仍然留在Contents文件夹中。您有什么建议？ - Fandango68

实际上，我使用 Nuget 包管理器解决了它，并直接从那里更新它，它已经移除了 3.3.7 版本。现在我在想 LibMan 是否值得使用？LibMan 和 Nuget 有什么不同？ - Fandango68

NuGet不再支持Bootstrap。 - Alexan

Nuget控制台 --- Install-Package bootstrap 运行正常。 - TSmith