手册
目录
Offcanvas 类似于模态(默认隐藏并在激活时显示),不同之处在于它通常用作侧边栏导航菜单。
下例展示如何创建 offcanvas 侧边栏:
标题
一些文本。一些文本。一些文本。
一些文本。一些文本。一些文本。
.offcanvas 类创建 offcanvas 侧边栏。
.offcanvas-start 类定位 offcanvas,并将其宽度设置为 400px。有关更多的定位类,请参见下面的实例。
.offcanvas-title 类确保了适当的外边距和行高。
然后,将您的内容添加到 .offcanvas-body 类中。
如需打开 offcanvas 侧边栏,您必须使用 或 元素指向 .offcanvas 容器的 id(在我们的例子中为 #demo)。
如需使用 元素打开 offcanvas 侧边栏,您可以使用 href 属性而不是 data-bs-target 属性指向 #demo。
请使用 .offcanvas-start|end|top|bottom 将 offcanvas 定位到左侧、右侧、顶部或底部:
顶部实例
更多相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习