README

Semantic UI

Semantic 是一个用于主题设计的UI框架。

关键特性

• 50+ UI元素
• 3,000+ CSS变量
• 3级变量继承（类似于SublimeText）
• 使用EM值构建以支持响应式设计
• 兼容Flexbox

Semantic允许开发者通过简洁的HTML、直观的javascript和简化的调试快速构建美观的网站，使前端开发成为一种愉快的体验。Semantic的响应式设计使您的网站能够在多个设备上扩展。Semantic是生产就绪的，并与框架如 React、Angular、Meteor 和 Ember 合作，这意味着您可以将它与这些框架中的任何一个集成，以在您的应用程序逻辑旁边组织UI层。

2.5.0版本（2022年10月6日）

Semantic UI 现在与Node 18和Gulp 4兼容。

用户支持

请帮助我们保持问题跟踪器的有序。对于不包含特定 JSFiddle测试用例（错误报告）或功能请求的技术问题，请使用 StackOverflow 寻找解决方案。

访问我们的 贡献指南 了解更多关于应发布到GitHub Issues的内容。

安装

推荐安装

npm install semantic-ui  # Use themes, import build/watch tasks into your own gulpfile.

Semantic UI 包含一个交互式安装程序，可帮助您设置项目。

• 有关设置的更多信息，请访问我们的 入门指南。
• 要了解更多有关主题的信息，请阅读我们的 主题指南

其他版本

请查看我们的 集成维基 了解更多选项。

浏览器支持

• 最后2个版本FF、Chrome、Safari Mac
• IE 11+
• Android 4.4+, Chrome for Android 44+
• iOS Safari 7+
• Microsoft Edge 12+

尽管一些组件将在IE9中工作，但 网格 和其他 flexbox 组件不受IE9支持，并且可能无法正确显示。

社区

获取帮助

请 不要 在GitHub Issues中发布使用问题。对于此类问题，请使用我们的 Gitter聊天室 或 StackOverflow。

提交错误和改进

GitHub Issues 用于提出改进建议和报告错误。在提交错误之前，请确保您做了以下事情

• 查看我们的 贡献指南 以获取有关我们发布周期的信息。
• 克隆此 JSFiddle 模板 以为您的问题创建测试用例。如果错误在文档中明显，那么作为测试用例也是可以的，只需清楚地说明如何重现问题即可。只有包含测试用例的错误才能被分类。

拉取请求

添加拉取请求时，请确保将其合并到 next 分支。如果您需要展示在 next 版本中的修复，可以使用 此 JSFiddle

国际化

• 中文 可以在 http://www.semantic-ui.cn 找到中文镜像网站。
• 从右到左 (RTL) 通过在安装脚本中选择 rtl，可以使用我们的构建工具创建 RTL 版本。
• 翻译 为了帮助翻译，请参阅 Wiki 指南。

资源

帮助地点

联系

如果您想开始关于 Semantic 的对话，请随时通过 jack@semantic-ui.com 发送电子邮件给我。