Bootstrap 5.x component library for BlazorStrap


Keywords
blazor, bootstrap, bootstrap4, bootstrap5
License
Unlicense
Install
Install-Package BlazorStrap.V5 -Version 5.1.102.51723

Documentation

BlazorStrap

NuGet Pre Release Nuget (with prereleases) Nuget GitHub stars Gitter chat Gitter chat

Bootstrap 4/5 components for Blazor

Bootstrap 5 NuGet Pre Release

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

    • NuGet Pre Release
  • Display packages. These packages so the rendered components. V5 is for Bootstrap 5. V4 is for Bootstrap 4

    • NuGet Pre Release NuGet Pre Release
  • Pre Release

    • Nuget (with prereleases) Nuget (with prereleases) Nuget (with prereleases)
    • 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: nuget
    • Download BlazorStrap.V5 package from nuget: nuget
      • Both packages should be the same version.
  1. 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>
  2. In Program.cs add
    1. builder.Services.AddBlazorStrap();
  3. In _Imports.razor add
    1. @using BlazorStrap.V5

Blazor Server Side
    • Download BlazorStrap package from nuget: nuget
    • Download BlazorStrap.V5 package from nuget: nuget
      • Both packages should be the same version.
  1. 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>
  2. In Program.cs or Startup.cs add
    1. Services.AddBlazorStrap(); to your build pipeline
  3. In _Imports.razor add
    1. @using BlazorStrap.V5

Bootstrap 4 NuGet Pre Release

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: nuget
    • Download BlazorStrap.V4 package from nuget: nuget
      • Both packages should be the same version.
  1. 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>
  2. In Program.cs add
    1. builder.Services.AddBlazorStrap();
  3. In _Imports.razor add
    1. @using BlazorStrap.V4

Blazor Server Side
    • Download BlazorStrap package from nuget: nuget
  • Download BlazorStrap.V4 package from nuget: nuget
    • Both packages should be the same version.-
  1. 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>
  2. In Program.cs or Startup.cs add
    1. Services.AddBlazorStrap(); to your build pipeline
  3. In _Imports.razor add
    1. @using BlazorStrap.V4

Extensions:

  • NuGet Pre Release BlazorStrap.Extensions.FluentValidation
  • NuGet Pre Release BlazorStrap.Extensions.TreeView