A set of enterprise-class UI components based on Bootstrap and Blazor
English | 中文
dotnet new install Bootstrap.Blazor.Templates::*
dotnet new bbapp
Microsoft Market link
dotnet add package BootstrapBlazor
stylesheet
javascripts
file to your main index file - Pages/_Host.cshtml (Server)
or wwwroot/index.html (WebAssembly)
HTML
<!DOCTYPE html>
<html lang="en">
<head>
. . .
<link rel="stylesheet" href="_content/BootstrapBlazor/css/bootstrap.blazor.bundle.min.css">
</head>
<body>
. . .
<script src="_framework/blazor.server.js"></script>
<script src="_content/BootstrapBlazor/js/bootstrap.blazor.bundle.min.js"></script>
</body>
</html>
~/Startup.cs
file in the and register the Bootstrap Blazor
service:C#
namespace BootstrapBlazorAppName
{
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
//more code may be present here
services.AddBootstrapBlazor();
}
//more code may be present here
}
}
To create a new Bootstrap Blazor
UI for Blazor application, use the Create New Project Wizard. The wizard detects all installed versions of Bootstrap Blazor
for Blazor and lists them in the Version combobox—this enables you to start your project with the desired version. You can also get the latest version to make sure you are up to date.
To use the Create New Project Wizard, install the Bootstrap Blazor
UI for Blazor Visual Studio Extensions. You can get it from the:
To start the wizard, use either of the following approaches
Chrome | Firefox | Safari | Android Browser & WebView | Microsoft Edge | |
---|---|---|---|---|---|
iOS | Supported | Supported | Supported | N/A | Supported |
Android | Supported | Supported | N/A | Android v5.0+ supported | Supported |
Windows 10 Mobile | N/A | N/A | N/A | N/A | Supported |
Chrome | Firefox | Internet Explorer | Microsoft Edge | Opera | Safari | |
---|---|---|---|---|---|---|
Mac | Supported | Supported | N/A | N/A | Supported | Supported |
Linux | Supported | Supported | N/A | N/A | N/A | N/A |
Windows | Supported | Supported | Supported, IE11+ | Supported | Supported | Not supported |
If this project is helpful to you, please scan the QR code below for a cup of coffee.