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.
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
Activity
Community
Health
Trend
Influence
:Code submit frequency
:React/respond to issue & PR etc.
:Well-balanced team members and collaboration
:Recent popularity of project
:Star counts, download counts etc.