https://github.com/chanan/blazorstrap

Bootstrap 4 Components for Blazor Framework
https://github.com/chanan/blazorstrap

blazor bootstrap4 bootstrap5

Last synced: about 2 months ago
JSON representation

Bootstrap 4 Components for Blazor Framework

• Host: GitHub
• URL: https://github.com/chanan/blazorstrap
• Owner: chanan
• License: unlicense
• Created: 2018-04-20T22:06:05.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2025-02-07T03:26:54.000Z (5 months ago)
• Last Synced: 2025-04-13T13:17:54.124Z (3 months ago)
• Topics: blazor, bootstrap4, bootstrap5
• Language: HTML
• Homepage: https://blazorstrap.io
• Size: 387 MB
• Stars: 931
• Watchers: 29
• Forks: 159
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# BlazorStrap

[![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.svg)](https://www.nuget.org/packages/BlazorStrap/)

[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap?color=orange)](https://www.nuget.org/packages/BlazorStrap/)

![Nuget](https://img.shields.io/nuget/dt/BlazorStrap)

![GitHub stars](https://img.shields.io/github/stars/chanan/BlazorStrap?color=orange)

[![Gitter chat](https://img.shields.io/badge/gitter-join-na?logo=gitter)](https://gitter.im/BlazorStrap/community)

[![Gitter chat](https://img.shields.io/badge/discord-join-na?logo=discord)](https://discord.gg/V7Y8s7WprR)

### Bootstrap 4/5 components for Blazor

## Bootstrap 5 [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V5.svg)](https://www.nuget.org/packages/BlazorStrap.V5/)

`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](https://img.shields.io/nuget/v/BlazorStrap.svg)](https://www.nuget.org/packages/BlazorStrap/)

- Display packages. These packages so the rendered components. V5 is for Bootstrap 5. V4 is for Bootstrap 4

  - [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V5.svg)](https://www.nuget.org/packages/BlazorStrap.V5/)

[![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V4.svg)](https://www.nuget.org/packages/BlazorStrap.V4/)

- Pre Release

  - [![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap?color=orange)](https://www.nuget.org/packages/BlazorStrap/)

[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap.V5?color=orange)](https://www.nuget.org/packages/BlazorStrap.V5/)

[![Nuget (with prereleases)](https://img.shields.io/nuget/vpre/BlazorStrap.V4?color=orange)](https://www.nuget.org/packages/BlazorStrap.V4/)

  - 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

1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)

   - Download BlazorStrap.V5 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V5)

      - Both packages should be the same version.

2. Modify your index.html with the following.

   1. Inside the `````` add

      1. `````` )

      2. ```"```

   2. At the end of the `````` add

      1. ``````

3. In ```Program.cs``` add

   1. ```builder.Services.AddBlazorStrap();```

4. In ```_Imports.razor``` add

   1. ```@using BlazorStrap.V5```

-----

##### Blazor Server Side

1.

   - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)

   - Download BlazorStrap.V5 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V5)

      - Both packages should be the same version.

2. Modify your _host.cshtml with the following.

   1. Inside the `````` add

      1. ``````

      2. ```"```

   2. At the end of the `````` add

      1. ``````

3. In ```Program.cs``` or ```Startup.cs``` add

   1. ```Services.AddBlazorStrap();``` to your build pipeline

4. In ```_Imports.razor``` add

   1. ```@using BlazorStrap.V5```

## Bootstrap 4 [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.V4.svg)](https://www.nuget.org/packages/BlazorStrap.V4/)

`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

1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)

   - Download BlazorStrap.V4 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V4)

      - Both packages should be the same version.

2. Modify your index.html with the following.

   1. Inside the `````` add

      1. `````` )

      2. ```"```

   2. At the end of the `````` add

      1. ``````

3. In ```Program.cs``` add

   1. ```builder.Services.AddBlazorStrap();```

4. In ```_Imports.razor``` add

   1. ```@using BlazorStrap.V4```

-----

##### Blazor Server Side

1. - Download BlazorStrap package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap)

- Download BlazorStrap.V4 package from nuget: [![nuget](https://img.shields.io/badge/nuget-Download%205.1.x-blue)](https://www.nuget.org/packages/BlazorStrap.V4)

   - Both packages should be the same version.-

2. Modify your _host.cshtml with the following.

   1. Inside the `````` add

      1. ``````

      2. ```"```

   2. At the end of the `````` add

      1. ``````

3. In ```Program.cs``` or ```Startup.cs``` add

   1. ```Services.AddBlazorStrap();``` to your build pipeline

4. In ```_Imports.razor``` add

   1. ```@using BlazorStrap.V4```

## Extensions:

* [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.Extensions.FluentValidation.svg)](https://www.nuget.org/packages/BlazorStrap.Extensions.FluentValidation/) BlazorStrap.Extensions.FluentValidation

* [![NuGet Pre Release](https://img.shields.io/nuget/v/BlazorStrap.Extensions.TreeView.svg)](https://www.nuget.org/packages/BlazorStrap.Extensions.TreeView/) BlazorStrap.Extensions.TreeView