顶部导航布局

一种适用于只有少量顶级板块的应用的水平布局: 侧边栏消失,主导航移入 header 中。 将窗口调整到 `lg` 断点以下,即可看到 菜单折叠到 toggler 按钮之后。
布局工作原理

与默认演示页面有三处小差异 — 无需 额外的 CSS 或布局类:

  • The 省略了 `<aside class="app-sidebar">` 元素。 omitted. app-wrapper grid sizes its sidebar 设置其侧边栏列的尺寸,因此空列会收缩为 零宽度,内容横跨整个视口。
  • header 保留 `app-header` 类,但变成一个 普通的 Bootstrap `navbar-expand-lg`,带有 toggler 按钮和一个 `.navbar-collapse` 菜单 — 完全不使用 AdminLTE 的 PushMenu。
  • sidebar-expand-* 类从 <body> 中移除,因为没有侧边栏需要展开。
其他一切保持不变

卡片、内容页头、面包屑、页脚,以及 浅色/深色模式,其行为都与 侧边栏页面完全一致 — 这张卡片是未经修改的 AdminLTE 标记。

生成月度报告

72%

已用

45%
返回侧边栏布局