這一片是關於用引入bootstrap前端框架的教程，置於bootstrap是什麼？
bootstrap是一組用於網站和網路應用程式開發的開源前端（所謂“前端”，指的是展現給終端使用者的介面。與之對應的“後端”是在伺服器上面執行的程式碼）框架，包括HTML、CSS及JavaScript的框架，提供字型排印、窗體、按鈕、導航及其他各種元件及Javascript擴充套件，旨在使動態網頁和Web應用的開發更加容易。
Bootstrap是GitHub上面被標記為“Starred”次數排名第二最多的專案。Starred次數超過124,000，而分支次數超過了47,000次

目錄
一、怎樣安裝bootstrap前端框架（bootstrap）
二、如何將bootstrap框架打包放入專案中

一、怎樣安裝bootstrap前端框架（bootstrap）

（1）如果沒有wwwroot，那就建立wwwroot資料夾，在其中新增
css,js資料夾，
（2）新增載入前端的工具 Npm:package.json 可載入前端框架
（3）建立bundleconfig.json 作用：將bootstrap等檔案打包到css資料夾中

看看bootstrap官網應該怎樣配置
https://getbootstrap.com/docs/4.2/getting-started/introduction/

可以從官網上看出一共要配置三個：bootstrap,jquery-slim,popper,在NPM配置檔案中，就是backage.json，新增完後按下儲存就會載入配置檔案

{
  "version": "1.0.0",
  "name": "asp.net",
  "private": true,
  "devDependencies": {
    "bootstrap": "4.2.1",
    "jquery-slim": "3.0.0",
    "popper": "1.0.1"
  }
}

上面的"popper": “1.0.1”，改為 “popper.js”: “1.14.6”，可以從關於mvc初級第三篇部落格看到

二、如何將bootstrap框架打包放入專案中

新增site.css,放在wwwroot的css資料夾中

新增bundleconfig.json配置檔案，將bootstrap等檔案打包到css資料夾中
名字不可以錯
置於其作用機制可參考https://docs.microsoft.com/zh-cn/aspnet/core/client-side/bundling-and-minification?view=aspnetcore-2.2&tabs=visual-studio

bundleconfig.json

[
  {
    "outputFileName": "wwwroot/css/all.min.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.css",
      "wwwroot/css/site.css"
    ]
  },
  //上面用於開發
  //下面用於生產
  {
    "outputFileName": "wwwroot/css/bootstrap.css",
    "inputFiles": [
      "node_modules/bootstrap/dist/css/bootstrap.css"
    ],
    "minify": {
      "enabled": false//意為沒有對它進行壓縮
    }
  }
]

第一個
將"node_modules/bootstrap/dist/css/bootstrap.css",
“wwwroot/css/site.css”
兩個檔案打包成wwwroot/css/all.min.css一個檔案
第二個
將"node_modules/bootstrap/dist/css/bootstrap.css"
打包成wwwroot/css/bootstrap.css相當於複製操作
“enabled”: false
意為沒有對它進行壓縮
那怎樣對他進行打包呢

BuildBundlerMinifier NuGet 程式包

這是我另一個專案，所以專案名有所不同

成功，中間出現了一個小插曲

這個少寫了個s不過不打要緊
Npm操作這篇教程結束

github程式碼
https://github.com/1045683477/.net-Core-MVC-

下篇https://blog.csdn.net/qq_41841878/article/details/85380146