核心
所有 UIkit 核心组件一览。
UIkit 提供了 30 多个模块化和可扩展的组件，可以相互组合使用。组件根据其用途和功能分为不同的部分。
默认值
这些组件通常会规范 HTML 元素，以实现跨浏览器兼容性，并添加一些非常基本的样式。
布局
应用我们完全响应式的流体栅格系统和面板，常用的布局部分（如博客文章和评论）以及有用的实用工具类。
导航
UIkit 提供了不同类型的导航，例如导航栏和侧边导航。使用面包屑或分页来引导浏览文章。
元素
为基本的 HTML 元素（如表格和表单）设置样式。这些组件使用自己的类。它们不会干扰任何默认元素样式。
常用
在这里，您会找到经常在内容中使用的组件，例如按钮、图标、徽章、覆盖层、动画等等。
JavaScript
这些组件主要依赖 JavaScript 来淡入隐藏的内容，例如下拉菜单、模态对话框、侧边栏和工具提示。
断点
UIkit 包括许多响应式类，可以为不同的视口宽度设置内容样式。此表提供了可用断点和相关设备的概述。您可以通过自定义工具调整所有断点。
| 尺寸 | 断点 | 设备 |
|---|---|---|
| 迷你 | 最大 479 像素 | 手机竖屏 |
| 小 | 480 像素到 767 像素 | 手机横屏 |
| 中 | 768 像素到 959 像素 | 平板竖屏 |
| 大 | 960 像素到 1199 像素 | 桌面和平板横屏 |
| 超大 | 1200 像素及以上 | 大型桌面 |
CSS 架构
为避免与其他 CSS 框架冲突，所有 UIkit 类都使用 uk- 前缀进行命名。组件分为组件本身、子对象和修饰符，它们的类名始终会拾取组件名称。
定义
| 对象 | 描述 |
|---|---|
| 组件 | 组件将网站中重复出现的部分抽象为基于类的模块，例如按钮。这些模块可以重用和组合。 |
| 子对象 | 子对象放置在组件内以增强其功能，例如警报框中的关闭按钮。 |
| 修饰符 | 修饰符类会更改组件及其子对象的样式，例如按钮颜色和大小。 |
