BootstrapBlazor 9.9.1-beta02

Prefix Reserved
This is a prerelease version of BootstrapBlazor.
There is a newer version of this package available.
See the version list below for details.
dotnet add package BootstrapBlazor --version 9.9.1-beta02
                    
NuGet\Install-Package BootstrapBlazor -Version 9.9.1-beta02
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="BootstrapBlazor" Version="9.9.1-beta02" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="BootstrapBlazor" Version="9.9.1-beta02" />
                    
Directory.Packages.props
<PackageReference Include="BootstrapBlazor" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add BootstrapBlazor --version 9.9.1-beta02
                    
#r "nuget: BootstrapBlazor, 9.9.1-beta02"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package BootstrapBlazor@9.9.1-beta02
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=BootstrapBlazor&version=9.9.1-beta02&prerelease
                    
Install as a Cake Addin
#tool nuget:?package=BootstrapBlazor&version=9.9.1-beta02&prerelease
                    
Install as a Cake Tool

Bootstrap Blazor Component

an enterprise-level UI component library based on Bootstrap and Blazor.

This project is part of the .NET Foundation and operates under their Code Of Conduct

License Github build Repo Size Commit Date codecov


Online Examples

website

Quick Installation Guide

Install Package

dotnet add package BootstrapBlazor

Add the following to _Imports.razor

@using BootstrapBlazor.Components

Add the following to the MainLayout.razor

<BootstrapBlazorRoot>
    @Body
</BootstrapBlazorRoot>

Add the following to your HTML head section

it's either index.html or _Layout.cshtml/_Host.cshtml/App.razor depending on whether you're running WebAssembly or Server

<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css" />

Add the following script at the end of the body

<script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>

Add the following to the relevant sections of Program.cs

builder.Services.AddBootstrapBlazor();

Usage

<Display Value="@_text"></Display>
<Button Text="Button" OnClick="@ClickButton"></Button>

@code {
    private string? _text;
    private void ClickButton(MouseEventArgs e)
    {
        _text = DateTime.Now.ToString();
    }
}

Install CLI Template

  1. Install the template
dotnet new install Bootstrap.Blazor.Templates::*
  1. Create the Boilerplate project with the template
dotnet new bbapp

Code of conduct

This project has adopted the code of conduct defined by the Contributor Covenant to clarify expected behavior in our community. For more information see the .NET Foundation Code of Conduct.

.NET Foundation

This project is supported by the .NET Foundation.

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (115)

Showing the top 5 NuGet packages that depend on BootstrapBlazor:

Package Downloads
FenixAlliance.ACL.Dependencies

Application Component for the Alliance Business Suite.

BootstrapBlazor.FontAwesome

Bootstrap UI components extensions of FontAwesome

BootstrapBlazor.TableExport

Bootstrap UI components extensions of export

BootstrapBlazor.Chart

Bootstrap UI components extensions of Chart.js

BootstrapBlazor.CodeEditor

Bootstrap UI components extensions of monaco-editor

GitHub repositories (8)

Showing the top 8 popular GitHub repositories that depend on BootstrapBlazor:

Repository Stars
dotnetcore/WTM
Use WTM to write .netcore app fast !!!
ArgoZhang/BootstrapAdmin
BootstrapAdmin - Free Premium Admin control Panel Based On Bootstrap 4.x
ThingsGateway/ThingsGateway
ThingsGateway is a cross-platform, high-performance gateway for edge data acquisition and IoT connectivity. Developed with .NET 8, it offers a suite of powerful tools, including advanced PLC communication libraries and debugging software.
yupingyong/kite.gateway
基于Yarp的Api网关
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui,可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
densen2014/BlazorHybrid
关于BlazorHybrid的一切研究. 用 c # 和 Razor 创建本机移动应用和桌面应用。快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS、Linux 的应用。
YSGStudyHards/EasySQLite
🦸‍♂️EasySQLite 是一个 .NET 9 操作 SQLite 入门到实战详细教程,主要是对学校班级,学生信息进行管理维护(包含选型、开发、发布、部署)!
densen2014/Blazor100
Blazor入门100天
Version Downloads Last Updated
10.3.2 0 2/13/2026
10.3.2-beta04 34 2/12/2026
10.3.2-beta03 73 2/10/2026
10.3.2-beta02 84 2/9/2026
10.3.2-beta01 88 2/7/2026
10.3.1 1,897 2/5/2026
10.3.1-beta05 82 2/3/2026
10.3.1-beta04 81 2/3/2026
10.3.1-beta03 89 2/1/2026
10.3.1-beta02 84 1/31/2026
10.3.1-beta01 83 1/31/2026
10.3.0 5,029 1/30/2026
10.2.4-beta01 101 1/26/2026
10.2.3 7,078 1/25/2026
10.2.3-beta02 86 1/23/2026
10.2.3-beta01 81 1/23/2026
10.2.2 744 1/22/2026
10.2.2-beta02 102 1/13/2026
10.2.2-beta01 170 1/10/2026
9.9.1-beta02 86 8/2/2025
Loading failed