用途:在 HTML 与 ASP.NET Core Razor Pages/Views 中,用 Bootstrap 5.3 构建现代、响应式且可访问的 Web UI。目标版本为 Bootstrap 5.3.x(当前 CDN 为 5.3.8),已完全移除 jQuery 依赖。
主要能力:提供 12 列 flexbox 栅格与 6 个响应断点(.col、.col-sm-、.col-md-、.col-lg-、.col-xl-、.col-xxl-);容器类型(.container、.container-fluid、.container-{breakpoint});间距工具类({m|p}{t|b|s|e|x|y}-{breakpoint}-{0-5|auto});5.3 的 data-bs-theme 明暗颜色模式与语义色(bg-body、bg-body-secondary、text-body 等);导航栏、卡片、表单、浮动标签、响应式表格等组件模式;以及 Razor 标签助手(asp-for、asp-page、asp-action)与验证类(.invalid-feedback、.is-invalid)的集成要点。
使用方式:可通过 CDN 在 _Layout.cshtml 或 _Host.cshtml 的 head 中引入 bootstrap.min.css,或推荐用 LibMan(libman.json 指定 bootstrap@5.3.8,目标 wwwroot/lib/bootstrap/)本地引用,并加载 bootstrap.bundle.min.js。页面需包含 doctype、lang、charset 与 viewport meta。
适用场景:ASP.NET Core 服务端渲染页面、Razor Pages/Views 的表单与列表、后台管理界面等需要快速搭建响应式 UI 的项目。
限制与注意:资料未提供收费、价格或平台支持信息。需遵守可访问性要求(图标按钮加 aria-label、活动导航加 aria-current、折叠触发器加 aria-expanded、图片 alt、对比度达 WCAG 2.1 AA、保留焦点样式);避免无 .row 的 col-*、容器嵌套、用 br 或内联样式做间距、硬编码 bg-light/bg-dark、混用 Bootstrap 4 的 ml-3/mr-3、表单非提交按钮缺 type="button"、表格未包 .table-responsive 等反模式。更详细的 Razor 集成与组件模式见资料中提到的 references/razor-integration.md 与 references/components.md。