【问题标题】:How to integrate Bootstrap 4 in Visual Studio 2017 ASP.NET Core Web Application?如何在 Visual Studio 2017 ASP.NET Core Web 应用程序中集成 Bootstrap 4?
【发布时间】:2018-07-05 06:37:16
【问题描述】:

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

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

非常感谢!

【问题讨论】:

标签: c# asp.net visual-studio-2017 bootstrap-4


【解决方案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">

【讨论】:

    【解决方案2】:

    使用Library Manager:

    Library Manager(简称“LibMan”)是 Visual Studio 的实验性 客户端库获取工具。它提供了一个轻量级、 帮助用户从 外部源(例如 CDNJS)并将它们放在您的项目中。

    【讨论】:

    • 我已经使用 LibMan 获得了最新的 Bootstrap 版本,但我仍然看到 VS2017 中默认放置的旧 BS 3.3.7 版本。我应该忽略它吗?
    • @Fandango68,所以你有两个版本?
    • 很遗憾。如果你打开VS2017(最新版),新建一个ASP.Net WebForm项目,比如它加载的Bootstrap是3.3.7。然后我使用 LibMan 执行您所做的操作,并将其升级到 4.2.1,但 3.3.7 仍保留在 Contents 文件夹中。你有什么推荐的?
    • 实际上我使用 Nuget 包管理器解决了它并直接从那里更新它并删除了 3.3.7 版本。我现在想知道 LibMan 是否值得? libman 与 nuget 有什么不同?
    • 但来自原始问题:“NuGet 不再支持 Bootstrap”
    猜你喜欢
    • 2018-03-29
    • 1970-01-01
    • 2018-11-05
    • 1970-01-01
    • 1970-01-01
    • 2018-03-12
    • 1970-01-01
    • 2018-06-09
    • 2021-06-25
    相关资源
    最近更新 更多