导航栏

Bootstrap 4.6 组件扩展展示

1. 按钮组件(全类型)

Buttons

2. 表单组件(全场景)

Forms
输入正确
请输入正确的邮箱格式

3. 卡片组件(多类型)

Cards
卡片图片
基础图片卡片

包含图片、标题和描述的基础卡片,适用于内容展示场景。

卡片头部(带标题)
带头部的卡片

包含头部区域的卡片,可用于分类展示,支持自定义头部样式。

深色模式卡片

深色背景卡片,适用于暗色主题页面,文字自动适配为白色。

更新时间:2024-05-01 操作

4. 导航组件(全类型)

Navigation

5. 徽章与标签

Badges & Labels
Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger
系统通知
待办事项 紧急

6. 进度条组件

Progress Bars
45%
65%

7. 提示框组件

Alerts

8. 列表组组件

List Groups
  • Active Item
  • List Item 1
  • List Item 2
  • List Item 3
  • Disabled Item
  • 未读消息 12
  • 待办任务 5
  • 系统通知 3

9. 模态框组件

Modals

10. 折叠面板组件

Collapse
这是折叠面板中的内容,可用于展示可折叠的详细信息,节省页面空间。支持点击按钮展开或折叠,也可通过链接触发。
手风琴折叠项 1 的内容,手风琴模式下,只能同时展开一个折叠项,点击其他折叠项会自动关闭当前展开项。
手风琴折叠项 2 的内容,适用于分类展示大量内容,如FAQ、帮助文档等场景。
手风琴折叠项 3 的内容,支持自定义样式和内容结构,可包含表单、列表等复杂组件。

11. 下拉菜单组件

Dropdowns

12. 轮播图组件

Carousel
版权信息