bh004- Blazor hybrid / Maui 使用 BootstrapBlazor UI 库快速教程

最新推荐文章于 2025-09-22 05:05:32 发布

原创

最新推荐文章于 2025-09-22 05:05:32 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #java #开发语言

本文介绍了如何在MAUI项目中集成BootstrapBlazorUI，包括添加NuGet包、配置样式表、注册服务、引用组件和实现基本功能，如Button。同时提供了远程调试和官方教程的链接。

1. 建立工程 bh004_BootstrapBlazorUI

源码

2. 添加 nuget 包

<PackageReference Include="BootstrapBlazor" Version="7.*" />
<PackageReference Include="BootstrapBlazor.FontAwesome" Version="7.*" />

3. 添加样式表文件

wwwroot/index.html

在宿主文件中增加主题样式表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <title>bh004_BootstrapBlazorUI</title>
    <base href="/" />
    <link href="_content/BootstrapBlazor.FontAwesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="_content/BootstrapBla