【Axure】Bootstrap元件库使用指南

发布网友发布时间：2024-09-30 03:06

共1个回答

热心网友时间：2024-09-30 03:26

BOOTSTRAP元件库与官网组件完全一致，使用此元件库设计原型图，可以与开发人员协调一致，避免前端代码难以实现的问题。无需额外设计，直接拖拽使用。

1. 效果预览

直观展示元件库中的各种组件，如按钮、输入框、面包屑、下拉框、手风琴、头像、卡片、分页、警告框、弹窗、进度条、下拉菜单、标签导航、导航菜单、列表、表格、轻提示和加载。

2. 准备工作

下载组件包，链接如下：

链接：

提取码：e8yp

3. 打开Bootstrap元件库

开始探索和使用元件库，轻松将各种组件放置到编辑区。

4. 放置原件到编辑区

直接拖拽组件到编辑区，快速构建原型图。

5. 部分组件示例

共包含40个组件示例，详细如下：

5.1 按钮

5.2 输入框

5.3 面包屑

5.4 下拉框

5.5 手风琴

5.6 头像

5.7 卡片

5.8 分页

5.9 警告框

5.10 警告弹窗、输入弹窗、确认弹窗

5.11 工具提示

5.12 弹窗

5.13 进度条

5.14 下拉菜单

5.15 标签导航

5.16 导航菜单

5.17 列表

5.18 表格

5.19 轻提示

5.20 加载

以上组件覆盖了原型设计中常见的需求，帮助您高效完成设计工作。