要在C#項目中引入Bootstrap,您需要使用ASP.NET Core MVC或Blazor等Web應用程序框架
打開Visual Studio并創建一個新的ASP.NET Core Web應用程序項目。選擇.NET Core和ASP.NET Core MVC模板。
在解決方案資源管理器中,導航到項目文件夾并找到“wwwroot”文件夾。這是存放靜態文件(如CSS、JavaScript和圖像)的地方。
下載Bootstrap源代碼:訪問Bootstrap官網并下載最新版本的Bootstrap。解壓縮下載的文件。
將Bootstrap CSS和JS文件復制到項目的“wwwroot”文件夾中:
bootstrap.min.css
文件從Bootstrap的dist/css
文件夾復制到項目的wwwroot/css
文件夾。bootstrap.bundle.min.js
文件從Bootstrap的dist/js
文件夾復制到項目的wwwroot/js
文件夾。在項目的Views
文件夾中,找到_Layout.cshtml
文件。這是MVC應用程序的主布局文件。
在_Layout.cshtml
文件中,將以下代碼添加到<head>
標簽內,以引入Bootstrap CSS:
<link rel="stylesheet" href="~/css/bootstrap.min.css" />
在_Layout.cshtml
文件中,將以下代碼添加到<body>
標簽底部,以引入Bootstrap JS和依賴項(如jQuery和Popper.js):
8. 保存更改并運行項目。現在,您應該可以在項目中使用Bootstrap的樣式和組件了。
注意:這些步驟適用于ASP.NET Core MVC項目。對于其他類型的C#項目,您可能需要調整這些步驟以適應項目結構和依賴項管理。