twitter-bootstrap-3 - 如果我有 Bootstrap 背景，在语义 UI 中思考？

Question

我熟悉使用 Bootstrap 开发 webapps 和网站( v3 和 v4 )，但现在我想开始使用 Semantic UI .

经过一些试验，我觉得语义 UI 提供的可组合性比 Bootstrap 少，但我可能遗漏了一些东西。
例如，我仍然不清楚如何将文本静音？ Bootstrap 有一个 text-muted类，但我在语义 UI 中找不到等效项

题

你能描述一下必要的范式转变吗？以下是一些可能有助于您确定答案的问题:

我应该停止做什么/使用什么；

我应该开始做什么/使用什么？

是否有任何服务器端注意事项/限制？

注意:我不是在寻找 Semantic UI 之间的详细比较和 Bootstrap .

Answer 1

嗯，在使用 Semantic UI 之前，我有一些 Bootstrap 和很多 Foundation 背景，而且过渡很容易。现在，当我被迫使用 Bootstrap 时，那里的一切似乎都不合逻辑。

所以，在语义 UI 上工作了将近 6 个月，我学到了一些对我有帮助的东西:

当你掌握了语义的窍门时，它会容易得多。当 Bootstrap 强制你使用奇怪的不合逻辑的缩写时，语义 UI 是基于自然语言的。例如，“ui 倒置巨大的等宽形式”会以听起来的方式出现，因为您了解事物是如何协同工作的。

文档。我认为语义 UI 有很棒的文档和示例，所以如果你不知道如何做某事，你可以从文档中找到它。我只遇到过一些你从文档中找不到的东西(例如 Nag)。

有一些限制。例如，由于 Flexbox，不支持旧的 Android、iOS 和 IE 浏览器。并且存在错误，因此可能您必须 fork 和/或执行拉取请求和一些 Github 问题，并等待很长时间才能在主存储库中修复它们。或者重写一些组件(我们最终重写了侧边栏，因为它不能在移动设备上运行)。但无论如何，我们并没有真正看到支持遗留东西的意义。

盒子模型和定位与您在 Bootstrap 中使用的不同，但在某种程度上，当您掌握它时，它会简单得多。

不要指望有很多帮助类，自己编写它们。

从第一天开始学习使用 LESS、Gulp 等 - 这将使您免于头痛并提高您的工作效率。当您想要自己的设计时，扩展/覆盖语义 UI 也是一个好主意。

总而言之，我们遇到了问题，但回顾过去，我们实际上在开发时间上取得了胜利，因为语义 UI 拥有开发现代 UI 所需的大部分工具。