https://github.com/dotnetcore/BootstrapBlazor

Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.
https://github.com/dotnetcore/BootstrapBlazor

blazor bootstrap ui wasm webassembly

Last synced: about 1 month ago
JSON representation

Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.

• Host: GitHub
• URL: https://github.com/dotnetcore/BootstrapBlazor
• Owner: dotnetcore
• License: apache-2.0
• Created: 2020-03-20T10:37:54.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2024-12-30T12:06:19.000Z (4 months ago)
• Last Synced: 2024-12-30T21:15:49.637Z (3 months ago)
• Topics: blazor, bootstrap, ui, wasm, webassembly
• Language: C#
• Homepage: https://www.blazor.zone
• Size: 104 MB
• Stars: 2,883
• Watchers: 47
• Forks: 309
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-csharp - BootstrapBlazor - A set of enterprise-class UI components based on Bootstrap and Blazor. (Blazor)
• awesome-starred-test - dotnetcore/BootstrapBlazor - Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor. (C# #)
• awsome-dotnet - BootstrapBlazor - A set of enterprise-class UI components based on Bootstrap and Blazor. (Blazor)
• awesome-dotnet - BootstrapBlazor - A set of enterprise-class UI components based on Bootstrap and Blazor. (Blazor)

README

        
Bootstrap Blazor Component




Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.


[![License](https://img.shields.io/github/license/dotnetcore/BootstrapBlazor.svg?logo=git&logoColor=red)](https://github.com/dotnetcore/BootstrapBlazor/blob/main/LICENSE)

[![Nuget](https://img.shields.io/nuget/v/BootstrapBlazor.svg?color=red&logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)

[![Nuget](https://img.shields.io/nuget/dt/BootstrapBlazor.svg?logo=nuget&logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)

[![Repo Size](https://img.shields.io/github/repo-size/dotnetcore/BootstrapBlazor.svg?logo=github&logoColor=green&label=repo)](https://github.com/dotnetcore/BootstrapBlazor)

[![Commit Date](https://img.shields.io/github/last-commit/dotnetcore/BootstrapBlazor/main.svg?logo=github&logoColor=green&label=commit)](https://github.com/dotnetcore/BootstrapBlazor)

[![Github build](https://img.shields.io/github/actions/workflow/status/dotnetcore/BootstrapBlazor/build.yml?branch=main&?label=main&logo=github)](https://github.com/dotnetcore/BootstrapBlazor/actions?query=workflow%3A%22Build+Project%22+branch%3Amain)

[![codecov](https://codecov.io/gh/dotnetcore/BootstrapBlazor/branch/main/graph/badge.svg?token=5SXIWHXZC3)](https://codecov.io/gh/dotnetcore/BootstrapBlazor)



English | 中文

---

## .NET Foundation

[](https://dotnetfoundation.org/projects/project-detail/bootstrap-blazor)

This project is part of the .NET Foundation and operates under their code of conduct. 


## Online Examples

[![website](https://img.shields.io/badge/online-https://www.blazor.zone-success.svg?color=&logo=buzzfeed&logoColor=green)](https://www.blazor.zone)

## Environment

- Install .net core sdk [Official website](https://dotnet.microsoft.com/download)

- Install Visual Studio 2022 latest [Official website](https://visualstudio.microsoft.com/vs/getting-started/)

## Quick Installation Guide

### Install Package

```

dotnet add package BootstrapBlazor

```

### Add the following to `_Imports.razor`

```

@using BootstrapBlazor.Components

```

### Add the following to the `MainLayout.razor`

```html

    @Body

```

### Add the following to your HTML head section

it's either **index.html** or **_Layout.cshtml/_Host.cshtml/App.razor** depending on whether you're running WebAssembly or Server

```html

```

### Add the following script at the end of the body

```html

```

### Add the following to the relevant sections of `Program.cs`

```csharp

builder.Services.AddBootstrapBlazor();

```

## Usage

```razor

@code {

    private string? _text;

    private void ClickButton(MouseEventArgs e)

    {

        _text = DateTime.Now.ToString();

    }

}

```

## Install CLI Template

1. Install the template

```

dotnet new install Bootstrap.Blazor.Templates::*

```

2. Create the Boilerplate project with the template

```

dotnet new bbapp

```

## Contribution

1. Fork

2. Create Feat_xxx branch

3. Commit

4. Create Pull Request

## Code of Conduct

This project has adopted the code of conduct defined by the Contributor Covenant to clarify expected behavior in our community.

For more information see the [.NET Foundation Code of Conduct](https://dotnetfoundation.org/code-of-conduct).

## Donate

If this project is helpful to you, please scan the QR code below for a cup of coffee.



## Sponsor

Thanks to [JetBrains](https://jb.gg/OpenSourceSupport) for providing free open source license