Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to content

chanan/BlazorStrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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