顶部导航布局
一种适用于只有少量顶级板块的应用的水平布局: 侧边栏消失,主导航移入 header 中。
将窗口调整到 `
lg` 断点以下,即可看到 菜单折叠到 toggler 按钮之后。
布局工作原理
与默认演示页面有三处小差异 — 无需 额外的 CSS 或布局类:
-
The 省略了 `
<aside class="app-sidebar">` 元素。 omitted.app-wrappergrid sizes its sidebar 设置其侧边栏列的尺寸,因此空列会收缩为 零宽度,内容横跨整个视口。 -
header 保留 `
app-header` 类,但变成一个 普通的 Bootstrap `navbar-expand-lg`,带有 toggler 按钮和一个 `.navbar-collapse` 菜单 — 完全不使用 AdminLTE 的 PushMenu。 -
sidebar-expand-*类从<body>中移除,因为没有侧边栏需要展开。
其他一切保持不变