{"id":13414828,"url":"https://github.com/dotnetcore/BootstrapBlazor","last_synced_at":"2025-03-14T22:32:16.850Z","repository":{"id":37298276,"uuid":"248729850","full_name":"dotnetcore/BootstrapBlazor","owner":"dotnetcore","description":"Bootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.","archived":false,"fork":false,"pushed_at":"2024-12-30T12:06:19.000Z","size":108964,"stargazers_count":2883,"open_issues_count":8,"forks_count":309,"subscribers_count":47,"default_branch":"main","last_synced_at":"2024-12-30T21:15:49.637Z","etag":null,"topics":["blazor","bootstrap","ui","wasm","webassembly"],"latest_commit_sha":null,"homepage":"https://www.blazor.zone","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dotnetcore.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["ArgoZhang"],"patreon":null,"open_collective":"bootstrapblazor","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":null,"thanks_dev":null,"custom":null}},"created_at":"2020-03-20T10:37:54.000Z","updated_at":"2024-12-30T12:05:30.000Z","dependencies_parsed_at":"2024-01-30T03:25:42.014Z","dependency_job_id":"735b0155-73bd-46ef-a1a8-592d74b276cb","html_url":"https://github.com/dotnetcore/BootstrapBlazor","commit_stats":{"total_commits":5950,"total_committers":117,"mean_commits":50.85470085470085,"dds":0.4001680672268908,"last_synced_commit":"96aef4df168add983a4b60165819d7cfda4d4b7c"},"previous_names":["argozhang/bootstrapblazor"],"tags_count":140,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnetcore%2FBootstrapBlazor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnetcore%2FBootstrapBlazor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnetcore%2FBootstrapBlazor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dotnetcore%2FBootstrapBlazor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dotnetcore","download_url":"https://codeload.github.com/dotnetcore/BootstrapBlazor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243057429,"owners_count":20229186,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blazor","bootstrap","ui","wasm","webassembly"],"created_at":"2024-07-30T21:00:37.438Z","updated_at":"2025-03-14T22:32:16.843Z","avatar_url":"https://github.com/dotnetcore.png","language":"C#","readme":"\u003ch1 align=\"center\"\u003eBootstrap Blazor Component\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ch2\u003eBootstrap Blazor is an enterprise-level UI component library based on Bootstrap and Blazor.\u003c/h2\u003e\n\n[![License](https://img.shields.io/github/license/dotnetcore/BootstrapBlazor.svg?logo=git\u0026logoColor=red)](https://github.com/dotnetcore/BootstrapBlazor/blob/main/LICENSE)\n[![Nuget](https://img.shields.io/nuget/v/BootstrapBlazor.svg?color=red\u0026logo=nuget\u0026logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)\n[![Nuget](https://img.shields.io/nuget/dt/BootstrapBlazor.svg?logo=nuget\u0026logoColor=green)](https://www.nuget.org/packages/BootstrapBlazor/)\n[![Repo Size](https://img.shields.io/github/repo-size/dotnetcore/BootstrapBlazor.svg?logo=github\u0026logoColor=green\u0026label=repo)](https://github.com/dotnetcore/BootstrapBlazor)\n[![Commit Date](https://img.shields.io/github/last-commit/dotnetcore/BootstrapBlazor/main.svg?logo=github\u0026logoColor=green\u0026label=commit)](https://github.com/dotnetcore/BootstrapBlazor)\n[![Github build](https://img.shields.io/github/actions/workflow/status/dotnetcore/BootstrapBlazor/build.yml?branch=main\u0026?label=main\u0026logo=github)](https://github.com/dotnetcore/BootstrapBlazor/actions?query=workflow%3A%22Build+Project%22+branch%3Amain)\n[![codecov](https://codecov.io/gh/dotnetcore/BootstrapBlazor/branch/main/graph/badge.svg?token=5SXIWHXZC3)](https://codecov.io/gh/dotnetcore/BootstrapBlazor)\n\u003c/div\u003e\n\nEnglish | \u003ca href=\"README.zh-CN.md\"\u003e中文\u003c/a\u003e\n\n---\n## .NET Foundation\n[\u003cimg align=\"right\" src=\"https://github.com/dotnet-foundation/swag/blob/main/logo/dotnetfoundation_v4.png?raw=true\" width=\"68px\" /\u003e](https://dotnetfoundation.org/projects/project-detail/bootstrap-blazor)\n\u003cp\u003eThis project is part of the \u003ca href=\"https://www.dotnetfoundation.org/\"\u003e.NET Foundation\u003c/a\u003e and operates under their \u003ca href=\"https://www.dotnetfoundation.org/code-of-conduct\"\u003ecode of conduct\u003c/a\u003e. \u003c/p\u003e\n\n## Online Examples\n[![website](https://img.shields.io/badge/online-https://www.blazor.zone-success.svg?color=\u0026logo=buzzfeed\u0026logoColor=green)](https://www.blazor.zone)\n\n## Environment\n\n- Install .net core sdk [Official website](https://dotnet.microsoft.com/download)\n- Install Visual Studio 2022 latest [Official website](https://visualstudio.microsoft.com/vs/getting-started/)\n\n## Quick Installation Guide\n\n### Install Package\n```\ndotnet add package BootstrapBlazor\n```\n\n### Add the following to `_Imports.razor`\n```\n@using BootstrapBlazor.Components\n```\n\n### Add the following to the `MainLayout.razor`\n```html\n\u003cBootstrapBlazorRoot\u003e\n    @Body\n\u003c/BootstrapBlazorRoot\u003e\n```\n\n### Add the following to your HTML head section\nit's either **index.html** or **_Layout.cshtml/_Host.cshtml/App.razor** depending on whether you're running WebAssembly or Server\n```html\n\u003clink rel=\"stylesheet\" href=\"_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css\" /\u003e\n```\n\n### Add the following script at the end of the body\n```html\n\u003cscript src=\"_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js\"\u003e\u003c/script\u003e\n```\n\n### Add the following to the relevant sections of `Program.cs`\n```csharp\nbuilder.Services.AddBootstrapBlazor();\n```\n\n## Usage\n```razor\n\u003cDisplay Value=\"@_text\"\u003e\u003c/Display\u003e\n\u003cButton Text=\"Button\" OnClick=\"@ClickButton\"\u003e\u003c/Button\u003e\n\n@code {\n    private string? _text;\n    private void ClickButton(MouseEventArgs e)\n    {\n        _text = DateTime.Now.ToString();\n    }\n}\n```\n\n## Install CLI Template\n1. Install the template\n```\ndotnet new install Bootstrap.Blazor.Templates::*\n```\n\n2. Create the Boilerplate project with the template\n```\ndotnet new bbapp\n```\n\n## Contribution\n1. Fork\n2. Create Feat_xxx branch\n3. Commit\n4. Create Pull Request\n\n## Code of Conduct\nThis project has adopted the code of conduct defined by the Contributor Covenant to clarify expected behavior in our community.\nFor more information see the [.NET Foundation Code of Conduct](https://dotnetfoundation.org/code-of-conduct).\n\n## Donate\nIf this project is helpful to you, please scan the QR code below for a cup of coffee.\n\n\u003cimg src=\"https://raw.githubusercontent.com/ArgoZhang/Images/master/Donate/BarCode%402x.png\" width=\"382px;\" /\u003e\n\n## Sponsor\nThanks to [JetBrains](https://jb.gg/OpenSourceSupport) for providing free open source license\n\u003cimg src=\"https://resources.jetbrains.com/storage/products/company/brand/logos/jb_beam.svg\" width=\"100px\" align=\"right\" /\u003e\n","funding_links":["https://github.com/sponsors/ArgoZhang","https://opencollective.com/bootstrapblazor"],"categories":["Blazor","C# #","Libraries \u0026 Extensions"],"sub_categories":["Component bundles"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotnetcore%2FBootstrapBlazor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdotnetcore%2FBootstrapBlazor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdotnetcore%2FBootstrapBlazor/lists"}