如何在Visual Studio 2017 ASP.NET核心Web應用程序中集成Bootstrap 4？

Question

我想在VS中的ASP.NET核心Web應用程序中使用Bootstrap。 實際上NuGet不再支持Bootstrap了。 我現在該如何整合它？ 如何將bootstrap文件添加到我的項目中？

或者你能在VS中推薦一些其他項目類型，它們更容易使用Bootstrap嗎？ 我不知道所有Web項目類型之間的差異。

非常感謝！

Answer 1

使用庫管理器 ：

Library Manager（簡稱“LibMan”）是Visual Studio的實驗性客戶端庫獲取工具。 它提供了一種輕量級，簡單的機制，可幫助用戶從外部源（如CDNJS）查找和獲取庫文件，並將它們放入項目中。

Answer 2

您可以使用完整的.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">