Bootstrap - 侧边栏演示


什么是侧边栏?

侧边栏是放置在主要内容区域旁边的垂直列,用于显示导航信息。

Bootstrap 侧边栏代表使用 Bootstrap 的类和实用程序构建的自定义侧边栏组件。在 Bootstrap 中,侧边栏通常是使用网格系统、flexbox 和 CSS 类(例如.col.d-flex )的组合来创建的。

标头的一些示例如下。

例子 描述 下载链接
深色侧边栏菜单结构 此示例显示了一个深色侧边栏菜单,其中包含用户帐户的不同部分和下拉菜单 下载
轻型侧边栏菜单结构 此示例显示了一个轻型侧边栏,其中包含指向用户帐户的不同部分和下拉菜单的链接。 下载
带图标的侧边栏 此示例显示了使用图标表示的侧边栏菜单。 下载
可折叠侧边栏 此示例显示侧边栏菜单包含链接列表,这些链接可折叠以显示或隐藏其各自的子菜单。 下载
带有列表组的侧边栏 此示例显示侧边栏菜单代表一个列表组。 下载