BlazorStrap
Bootstrap 4/5 components for Blazor
Bootstrap 5 
We do not include bootstrap.min.css in the package. This already exists in the blazor wasm and blazor server side templates.
Packages
-
Core Package handles all the logic / JSInterop
-
Display packages. These packages so the rendered components. V5 is for Bootstrap 5. V4 is for Bootstrap 4
-
Pre Release
- Beta. Not recommended for production use.
- Minor fixes a-z. Example 5.2.100-Beta1a
- Preview. Test to make sure it meets your requirements before production use.
- Minor fixes a-z. Example 5.2.100-Preview1a
- Release. Safe for production.
- Minor fixes .MMDDYY. Example 5.2.100.60323
Install
Blazor WebAssembly
-
- Download BlazorStrap package from nuget:
- Download BlazorStrap.V5 package from nuget:
- Both packages should be the same version.
- Download BlazorStrap package from nuget:
- Modify your index.html with the following.
- Inside the
<head>add<link href="https://github.com/chanan/BlazorStrap/blob/master/YourAssemblyName.styles.css" rel="stylesheet">)<link href="https://github.com/chanan/BlazorStrap/blob/master/path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="https://github.com/chanan/BlazorStrap/raw/master/_content/BlazorStrap/popper.min.js"></script>
- Inside the
- In
Program.csaddbuilder.Services.AddBlazorStrap();
- In
_Imports.razoradd-
@using BlazorStrap.V5Blazor Server Side
-
-
- Download BlazorStrap package from nuget:
- Download BlazorStrap.V5 package from nuget:
- Both packages should be the same version.
- Download BlazorStrap package from nuget:
- Modify your _host.cshtml with the following.
- Inside the
<head>add<link href="https://github.com/chanan/BlazorStrap/blob/master/YourAssemblyName.styles.css" rel="stylesheet"><link href="https://github.com/chanan/BlazorStrap/blob/master/path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="https://github.com/chanan/BlazorStrap/raw/master/_content/BlazorStrap/popper.min.js"></script>
- Inside the
- In
Program.csorStartup.csaddServices.AddBlazorStrap();to your build pipeline
- In
_Imports.razoradd@using BlazorStrap.V5
Bootstrap 4 
We do not include bootstrap.min.css in the package. This already exists in the blazor wasm and blazor server side templates.
Install
Blazor WebAssembly
-
- Download BlazorStrap package from nuget:
- Download BlazorStrap.V4 package from nuget:
- Both packages should be the same version.
- Download BlazorStrap package from nuget:
- Modify your index.html with the following.
- Inside the
<head>add<link href="https://github.com/chanan/BlazorStrap/blob/master/YourAssemblyName.styles.css" rel="stylesheet">)<link href="https://github.com/chanan/BlazorStrap/blob/master/path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="https://github.com/chanan/BlazorStrap/raw/master/_content/BlazorStrap/popper.min.js"></script>
- Inside the
- In
Program.csaddbuilder.Services.AddBlazorStrap();
- In
_Imports.razoradd-
@using BlazorStrap.V4Blazor Server Side
-
-
- Download BlazorStrap package from nuget:
- Download BlazorStrap.V4 package from nuget:
- Both packages should be the same version.-
- Download BlazorStrap package from nuget:
- Modify your _host.cshtml with the following.
- Inside the
<head>add<link href="https://github.com/chanan/BlazorStrap/blob/master/YourAssemblyName.styles.css" rel="stylesheet"><link href="https://github.com/chanan/BlazorStrap/blob/master/path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="https://github.com/chanan/BlazorStrap/raw/master/_content/BlazorStrap/popper.min.js"></script>
- Inside the
- In
Program.csorStartup.csaddServices.AddBlazorStrap();to your build pipeline
- In
_Imports.razoradd@using BlazorStrap.V4
Extensions:
BlazorStrap.Extensions.FluentValidation
BlazorStrap.Extensions.TreeView