HTML/CSS Bootstrap 2 or 3

Peter · 2013年11月27日 · 最后由 wppurking 回复于 2013年11月28日 · 4992 次阅读

看上了这个 Template,可惜是 Bootstrap 2 的 http://usman.it/free-responsive-admin-template/

看 ruby-china 的 Gemfile 好像也是用的 2

2 和 3 的区别是什么?当然我看过说区别的文章,什么移动优先之类的,我想问的是,2 也应该是成熟稳定,只是不扁平而已吧。

我不喜欢 .col-xs- 这样的 class,分得太细了。

如果新建项目我会用 http://semantic-ui.com/

#1 楼 @Rei 谢谢,我现在主要是想偷懒,想拿个模板直接填内容。 据你所知,这个框架有没有现成的 admin 后台模板?

#2 楼 @Peter 还没找过,我看文档完成度已经很高了,不用二次开发。

#3 楼 @Rei 看了一下,的确完成度不错,在 iphone 下,表现还行,就是加载有些慢,可能东西太多了,我再研究一下,谢谢

#4 楼 @Peter semantic-ui 加载慢是有原因的。

因为 semantic, 所以导致 CSS 的 selector 堆积太多,在智能手机上的性能自然就差。

一种叫做 BEM 的方法,可以解决性能问题,但是命名会非常丑。类似这样:.text-cols--2__active

semantic-ui 的定义比较容易导致 CSS 冲突,在定义的过程中要比较小心,不过是可以避免的。但如果当你自己需要扩展 semantic-ui 的时候,你就必须非常了解其内部实现。

会不会有人想到 fundation 5 呢?

#1 楼 @Rei #2 楼 @Peter #6 楼 @wppurking

http://usablica.github.io/front-end-frameworks/compare.html

这里有一个各 CSS 框架支援的浏览器版本列表,选择用什么框架之前,也要考虑一下自己的项目最低打算支援什么版本的浏览器。比如你要不要支援 IE8

#1 楼 @Rei semantic-ui 的流式布局和移动支持没 bs 好……而且……到现在我也没搞明白它的分栏系统怎么弄……

我最近一直在用 3 Flatten UI 还是不错的 事实上我跟你讲 如果有一个 for Boostrap 2 的插件你想用在 3 上,修改很容易,把一个非 flatten ui 的组件改成 flatten ui 是不难的,但是反过来就不是这样的。

#5 楼 @Saito 命名丑到极致了啊!

@Victor 的确~

看了下,对 Foundation 的介绍还是 Foundation 3 - -||

需要 登录 后方可回复, 如果你还没有账号请 注册新账号