5

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

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

问题

你能描述一下必要的范式转变吗？这里有几个问题可以帮助你找到答案：

  • 我应该停止做什么/使用什么；
  • 我应该开始做什么/使用什么？
  • 是否有任何服务器端注意事项/限制？

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

4

1 回答 1

8

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

因此，在 Semantic UI 上工作了将近 6 个月，我学到了一些对我有帮助的东西：

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

  • 文档。我认为 Semantic UI 有很棒的文档和示例，所以如果你不知道如何做某事，你可以从文档中找到它。我只遇到了一些您无法从文档中找到的东西（例如 Nag）。

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

  • 盒子模型和定位与您在 Bootstrap 中使用的不同，但在某种程度上，当您掌握它的窍门时，它会简单得多。
  • 不要期望有很多帮助类，自己编写。
  • 从第一天开始学习使用 LESS、Gulp 等 - 它会让您免于头疼并提高您的工作效率。当您想要自己的设计时，扩展/覆盖语义 UI 也是一个好主意。

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

于 2016-01-06T10:57:43.317 回答