它包括可以顺利使用Web应用程序的Foundation元素.下表列出了一些Foundation组件 :
| Sr.No. | 组件&描述 |
|---|---|
| 1 | Accordion 手风琴包含垂直标签，用于网站扩展和折叠大量数据. |
| 2 | Accordion Menu 显示带折叠效果的可折叠菜单. |
| 3 | Badge 徽章与标签类似，用于突出重要注释和消息等信息. |
| 4 | Breadcrumbs 它指定导航层次结构中站点的当前位置. |
| 5 | 按钮 Foundation支持不同风格的标准按钮. |
| 6 | 标注 标注是一个元素，可用于将内容放入其中. |
| 7 | 关闭按钮 它用于关闭提示框. |
| 8 | 向下钻取菜单 向下钻取菜单将嵌套列表更改为垂直向下钻取菜单. |
| 9 | Dro下拉菜单 下拉菜单用于以列表格式显示链接. |
| 10 | 下拉窗格 下拉窗格显示单击按钮时的内容. |
| 11 | Flex Video 它用于在网页中创建视频对象. |
| 12 | 浮动班级 它用于向HTML元素添加实用程序类. |
| 13 | 表格 它用于创建表单布局以收集用户输入. |
| 14 | 标签 标签是内联样式，用于定义输入元素的标签. |
| 15 | 媒体对象 它用于添加媒体对象，如图像，视频，博客评论等.可以在内容块的左侧或右侧放置. |
| 16 | 菜单 它可以访问网站中的不同模式. |
| 17 | 分页 这是一种将内容划分为一系列相关页面的导航. |
| 18 | Slider 它通过拖动句柄指定值的范围。 |
| 19 | 开关 用于在开启和关闭状态之间切换. |
| 20 | 表 它表示行和列格式的数据. |
| 21 | 标签 这是一个基于导航的标签，可以在不离开页面的情况下将内容显示在不同的窗格中. |
| 22 | 缩略图 它以缩略图形状设置图像样式. |
| 23 | 标题栏 用于显示用户使用的当前屏幕和其他菜单项. |
| 24 | 工具提示 这是一个小弹出框，描述了将鼠标悬停在链接上时的信息. |
| 25 | 顶栏 它用于在网站上创建导航标题. |
| 26 | Orbit 这是一个简单而强大的滑块，使用轨道类来滑动元素. |
