Bootstrap中Blazor組件如何使用

這篇文章給大家介紹Bootstrap中Blazor組件如何使用，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

巢湖ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景，ssl證書未來市場廣闊！成為成都創新互聯公司的ssl證書銷售渠道，可以享受市場價格4-6折優惠！如果有意向歡迎電話聯系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

1、安裝模板

dotnet new -i Bootstrap.Blazor.Templates::*

2、使用項目模板創建新項目

dotnet new bbapp

bbapp 是 BootstrapBlazor App 的縮寫

3、卸載項目模板

dotnet new -u Bootstrap.Blazor.Templates

現有項目中集成 BootstrapBlazor

1、從 Nuget.org 獲取 BootstrapBlazor 包

dotnet add package BootstrapBlazor

2、添加樣式文件與腳本到項目文件中 Pages/_Host.cshtml (Server) or wwwroot/index.html (WebAssembly)

HTML

<!DOCTYPE html>
<html>
<head>
    . . .
    <link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css">
</head>
<body>
    . . .
    <script src="_framework/blazor.server.js"></script>
    <script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
</body>
</html>

3、注冊服務 ~/Startup.cs

namespace BootstrapBlazorAppName
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            //more code may be present here
            services.AddBootstrapBlazor(); 
        }

        //more code may be present here
    }
}