- 基础通用
- 基础 - 全局样式
- 基础 - Sass
- 基础 - JavaScript
- 基础 - JavaScript 工具
- 基础 - 媒体查询
- 基础 - 网格
- 基础 - Flex 网格
- 基础 - 表单
- 基础 - 可见性类
- 基础 - 基本排版
- 基础 - 排版辅助
- 基础 - 基本控件
- 基础 - 导航
- 基础 - 容器
- 基础 - 媒体
- 基础 - 插件
- 基础 SASS
- 基础 - Sass 函数
- 基础 - Sass 混合宏
- 基础库
- 基础 - Motion UI
基础 - 厨房水槽
描述
它包含了 Foundation 元素,以便于 Web 应用程序的顺利运行。下表列出了一些 Foundation 组件:
序号 | 组件及描述 |
---|---|
1 |
手风琴
手风琴包含垂直选项卡,用于网站上展开和折叠大量数据。 |
2 |
手风琴菜单
它以手风琴效果显示可折叠菜单。 |
3 |
徽章
徽章类似于标签,用于突出显示信息,例如重要提示和消息。 |
4 |
面包屑
它在导航层次结构中指定网站的当前位置。 |
5 |
按钮
Foundation 支持具有不同样式的标准按钮。 |
6 |
提示框
提示框是一个元素,可用于放置内容。 |
7 |
关闭按钮
它用于关闭警报框。 |
8 |
下拉菜单
下拉菜单将嵌套列表更改为垂直下拉菜单。 |
9 |
下拉菜单
下拉菜单用于以列表格式显示链接。 |
10 |
下拉面板
单击按钮时,下拉面板会显示内容。 |
11 |
Flex 视频
它用于在网页中创建视频对象。 |
12 |
浮动类
它用于向 HTML 元素添加实用程序类。 |
13 |
表单
它用于创建表单布局以收集用户输入。 |
14 |
标签
标签是内联样式,用于定义输入元素的标签。 |
15 |
媒体对象
它用于添加媒体对象,例如图像、视频、博客评论等,这些对象可以放置在内容块的左侧或右侧。 |
16 |
菜单
它提供对网站中不同模式的访问。 |
17 |
分页
它是一种导航类型,将内容划分为一系列相关的页面。 |
18 |
滑块
通过拖动滑块来指定值的范围。 |
19 |
开关
它用于在打开和关闭状态之间切换。 |
20 |
表格
它以行和列格式表示数据。 |
21 |
选项卡
它是一个基于导航的选项卡,用于在不同的窗格中显示内容,而无需离开页面。 |
22 |
缩略图
它以缩略图形状设置图像的样式。 |
23 |
标题栏
它用于显示用户使用的当前屏幕以及其他菜单项。 |
24 |
工具提示
当您将鼠标悬停在链接上时,它是一个描述信息的小弹出框。 |
25 |
顶部栏
它用于在网站中创建导航标题。 |
26 | 轨道
它是一个简单而强大的滑块,使用 orbit 类滑动元素。 |
广告