Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chanan/blazorstrap

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

blazor bootstrap4 bootstrap5

Last synced: 5 days 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 (almost 7 years ago)
Default Branch: master
Last Pushed: 2025-01-03T08:49:35.000Z (18 days ago)
Last Synced: 2025-01-17T00:06:40.810Z (5 days ago)
Topics: blazor, bootstrap4, bootstrap5
Language: HTML
Homepage: https://blazorstrap.io
Size: 387 MB
Stars: 925
Watchers: 30
Forks: 157
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