Bootstrap 简明教程

Bootstrap - Sidebar Demo

What is a sidebar?

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

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

以下是页眉的一些示例。

Example

Description

Download link

此示例显示一个深色侧边栏菜单,其中包含不同的部分和用户帐户的下拉菜单

Download

此示例显示了一个浅色侧边栏,其中包含指向不同部分的链接和用户帐户的下拉菜单。

Download

此示例显示由图标表示的侧边栏菜单。

Download

此示例显示一个侧边栏菜单,其中包含一个链接列表,可折叠以显示或隐藏其各自的子菜单。

Download

此示例显示侧边栏菜单表示一个列表组。

Download