Awesome

BlazorStrap

Nuget GitHub stars

We do not include bootstrap.min.css in the package. This already exists in the blazor wasm and blazor server side templates.

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

- Download BlazorStrap package from nuget:
- Download BlazorStrap.V5 package from nuget:
  - Both packages should be the same version.
Modify your index.html with the following.
1. Inside the <head> add
  1. <link href="YourAssemblyName.styles.css" rel="stylesheet"> )
  2. <link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
2. At the end of the <body> add
  1. <script src="_content/BlazorStrap/popper.min.js"></script>
In Program.cs add
1. builder.Services.AddBlazorStrap();
In _Imports.razor add
1. @using BlazorStrap.V5

- Download BlazorStrap package from nuget:
- Download BlazorStrap.V5 package from nuget:
  - Both packages should be the same version.
Modify your _host.cshtml with the following.
1. Inside the <head> add
  1. <link href="YourAssemblyName.styles.css" rel="stylesheet">
  2. <link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
2. At the end of the <body> add
  1. <script src="_content/BlazorStrap/popper.min.js"></script>
In Program.cs or Startup.cs add
1. Services.AddBlazorStrap(); to your build pipeline
In _Imports.razor add
1. @using BlazorStrap.V5

We do not include bootstrap.min.css in the package. This already exists in the blazor wasm and blazor server side templates.

- Download BlazorStrap package from nuget:
- Download BlazorStrap.V4 package from nuget:
  - Both packages should be the same version.
Modify your index.html with the following.
1. Inside the <head> add
  1. <link href="YourAssemblyName.styles.css" rel="stylesheet"> )
  2. <link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
2. At the end of the <body> add
  1. <script src="_content/BlazorStrap/popper.min.js"></script>
In Program.cs add
1. builder.Services.AddBlazorStrap();
In _Imports.razor add
1. @using BlazorStrap.V4

Download BlazorStrap.V4 package from nuget:
- Both packages should be the same version.-

Modify your _host.cshtml with the following.
1. Inside the <head> add
  1. <link href="YourAssemblyName.styles.css" rel="stylesheet">
  2. <link href="path_to_bootstrap.min.css" rel="stylesheet" integrity="if_needed" />"
2. At the end of the <body> add
  1. <script src="_content/BlazorStrap/popper.min.js"></script>
In Program.cs or Startup.cs add
1. Services.AddBlazorStrap(); to your build pipeline
In _Imports.razor add
1. @using BlazorStrap.V4