dotnetcore/BootstrapBlazorPublic

NotificationsYou must be signed in to change notification settings
Fork364
Star4.1k

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

License

Apache-2.0 license

4.1k stars 364 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 7,287 Commits
.fork		.fork
.gitee		.gitee
.github		.github
docs		docs
localization		localization
scripts		scripts
src		src
test		test
tools/Benchmarks		tools/Benchmarks
.dockerignore		.dockerignore
.editorconfig		.editorconfig
.filenesting.json		.filenesting.json
.gitattributes		.gitattributes
.gitignore		.gitignore
.issuetracker		.issuetracker
BootstrapBlazor.slnx		BootstrapBlazor.slnx
CHANGELOG.md		CHANGELOG.md
CHANGELOG.zh-CN.md		CHANGELOG.zh-CN.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
Directory.Build.props		Directory.Build.props
Framework.props		Framework.props
LICENSE		LICENSE
NuGet.Config		NuGet.Config
README.md		README.md
README.zh-CN.md		README.zh-CN.md
SECURITY.md		SECURITY.md
Version.props		Version.props
delete-bin.cmd		delete-bin.cmd
dotnet-tools.json		dotnet-tools.json
exclusion.dic		exclusion.dic

Repository files navigation

Bootstrap Blazor Component

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

English |中文

.NET Foundation

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

Online Examples

Environment

Install .net SDKOfficial website
Install Visual Studio latestOfficial website

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`

<BootstrapBlazorRoot>    @Body</BootstrapBlazorRoot>

Add the following to your HTML head section

it's eitherindex.html or_Layout.cshtml/_Host.cshtml/App.razor depending on whether you're running WebAssembly or Server

<linkrel="stylesheet"href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css"/>

Add the following script at the end of the body

<scriptsrc="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>

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

builder.Services.AddBootstrapBlazor();

Usage

<DisplayValue="@_text"></Display><ButtonText="Button"OnClick="@ClickButton"></Button>@code{privatestring?_text;privatevoidClickButton(MouseEventArgse){_text=DateTime.Now.ToString();}}

Install CLI Template

Install the template

dotnet new install Bootstrap.Blazor.Templates::*

Create the Boilerplate project with the template

dotnet new bbapp

Contribution

Fork
Create Feat_xxx branch
Commit
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.