Semantic-ui与Bootstrap [关闭]


107

最好使用哪一种,请尽可能提供两者的区别和优点。

Semantic-ui vs Bootstrap 我正在尝试构建自己的UI,但对于使用什么感到很困惑。

请为我推荐最好的方法,并在可能的情况下举例说明。

Answers:


62

我认为我们现在看不到BootstrapSemantic-UI之间的差异,因为Semantic-ui是新的,所以我们必须让时间来决定:)

我的看法:语义UI设计比Bootstrap更好,并且更干净,易于使用,严格的编码,有用的组件,轻巧。我看到了Semantic-UI中Frameworks的未来,因此我将做出贡献并希望做到最好,但是我不会将其用于依赖大量反馈和支持的大型项目中!


2
我非常喜欢您的意见,尤其是“不会将其用于依赖大量反馈和支持的大型项目中”。因为我正要跳船。
windmaomao 2014年

2
2年前,语义UI似乎比Bootstrap更轻巧。但是现在,让我们看一下……

3
好吧,我不能同意,我将第一次使用语义UI,并且就我所见,这将是一个大项目,我很确定这会很好地处理。
佩德罗

31

如果您不介意,我会在主题中添加Foundation by Zurb(目前是Bootstrap的唯一真正有效的选择)。

我刚刚检查了项目/框架SemUI,它非常棒。以严格的语义方式构建页面的想法显然是个好主意,而且,在我看来,这种设计令人赞叹,并且有很多组件和设置可供使用和选择。

我注意到的另一件事是,该程序包的组织性很好,如果您要使用的每个组件都有自己的样式表和脚本文件,那么即使您包含的包很重,您也只能加载所需的内容。单个页面中的所有内容。

对于预发行版,我承认我正在考虑使用这样的框架构建我的下一个Web应用程序,但是我有些困惑:

  • 像Bootstrap或Foundation这样的移动优先吗?从我所能看到的来看,情况并非如此。
  • Bootstrap有两个有效且知名的贡献者,Foundation让Zurb落后了,SemanticUI呢?这是预发行版本,我们还会看到其他发行版本吗?

由于这种困惑,我认为目前可能避免在不久的将来将其用于商业/商业项目,但是如果您打算将其用于自己的个人网络应用程序(例如我的),我认为这是一个不错的选择。

然后,如果您出于任何原因想要回退到Bootstrap,我认为这并不痛苦(许多语义组件似乎都基于Bootstrap)。


5
值得一提的是,尽管SemUI的名称具有语义,但它仍像Foundation和Bootstrap一样使用表示类名称。我同意类名不是很抽象,但是它们以相同的方式表示。如果您有兴趣,Foundation 3/4允许您使用Sass Mixins创建真正的语义html / css。您可以基于“内容”设置一个ID,然后将Foundation Sass Mixins应用于Sass / Scss中的该ID。
JAMESSTONEco 2013年

4
语义UI的组件设计引人注目。但是,在浏览器兼容的情况下,semanticUI仍然是自举的。Bootstrap与IE 7+兼容,但语义
UI

12
@McLosysCreative坦白地说,这可以看作是Bootstrap的缺点。我同意所有HTML / CSS框架都应具有相当数量的浏览器兼容性,但这仅是出于合理的考虑。至此,IE7已有8年历史了,落后4个主要版本。甚至Google也不再正式支持它。(它们仅正式支持排名前5位的浏览器的最新3个版本)考虑到这一点,支持该版本似乎浪费了很多精力(以及额外的代码)。
Nicholas Summers

-19

语义UI并不能真正解决Bootstrap和Foundation这样的移动视图或响应视图。它更像是一组预包装的UI元素,这些元素可以很好地与优于Bootstrap / Foundation的语义标记一起使用。但是现在最大的缺点是它不是以移动设备为中心的。因此,如果您想要一个风格良好的网站,请使用Semantic-UI。


1
语义UI没有响应?
阿斯兰·阿里

2
在整个项目中,他们到处都没有使用px单位!
bawa g

10
语义UI绝对是响应式的。您应该更新答案,否则不正确。
杰里科

3
这个答案肯定是过时的。语义反应灵敏。
Lashae

语义UI生来就是响应式的。
萧汉宇
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.