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="YourAssemblyName.styles.css" rel="stylesheet">)<link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="_content/BlazorStrap/popper.min.js"></script><script src="_content/BlazorStrap/blazorstrap.js"></script>
- Inside the
- In
Program.csaddbuilder.Services.AddBlazorStrap();
- In
_Imports.razoradd@using BlazorStrap.V5
Blazor 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="YourAssemblyName.styles.css" rel="stylesheet"><link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="_content/BlazorStrap/popper.min.js"></script><script src="_content/BlazorStrap/blazorstrap.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="YourAssemblyName.styles.css" rel="stylesheet">)<link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="_content/BlazorStrap/popper.min.js"></script><script src="_content/BlazorStrap/blazorstrap.js"></script>
- Inside the
- In
Program.csaddbuilder.Services.AddBlazorStrap();
- In
_Imports.razoradd@using BlazorStrap.V4
Blazor Server Side
-
- Download BlazorStrap package from nuget:
- Download BlazorStrap package from nuget:
- Download BlazorStrap.V4 package from nuget:
- Both packages should be the same version.-
- Modify your _host.cshtml with the following.
- Inside the
<head>add<link href="YourAssemblyName.styles.css" rel="stylesheet"><link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
- At the end of the
<body>add<script src="_content/BlazorStrap/popper.min.js"></script><script src="_content/BlazorStrap/blazorstrap.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
