用途:为 Shiny 应用设计响应式、可访问的界面,使用 bslib 主题、现代布局原语与自定义 CSS。适用场景包括从零构建新 UI、将旧应用从 fluidPage 迁移到 bslib、应用品牌配色与字体、适配不同屏幕尺寸、提升无障碍性。
主要能力:提供 page_sidebar、page_navbar、page_fillable 等页面构造器;用 bs_theme 配置 Bootstrap 5 主题(背景、前景、主色、字体等),可用 bs_theme_preview 交互预览;用 layout_columns 构建响应式网格,card、value_box、layout_sidebar、navset_card_tab 组织内容;支持 renderUI 动态 UI 与 conditionalPanel 条件面板;可内联或外链自定义 CSS,并通过 bs_add_rules 与 sass 集成 SCSS;支持 ARIA 标签、图表 alt 文本与语义化 HTML 以改善无障碍。
使用方式:先按导航与内容需求选择页面布局,再配置 bslib 主题并传给页面函数,然后用卡片与列搭建布局,按需添加动态 UI 与自定义样式,最后检查无障碍。自定义 CSS 建议使用 Bootstrap 变量(如 var(--bs-primary))而非硬编码颜色。
限制与注意:不要混用 fluidPage 与 bslib 组件;非填充行需设 fill = FALSE;col_widths 之和应为 12;离线环境避免使用 font_google,改用系统或自托管字体;需在移动端测试。具体版本、收费与平台信息暂未提供。