谈谈你对 bootstrap3 看法?

2013-10-01 23:47:37 +08:00
 darasion
http://getbootstrap.com/

说 mobile first , 也就是说,其实不太适合桌面?

试了一下,默认的按钮,如果不加 class ,在 firefox 下显示都变得太丑了!

很不理解为啥 box-sizing 被改成了 border-box ,感觉太另类了!
以至于本来表现一致的浏览器默认样式全都变了。只能用各种 class 修饰才行。

用默认就不一致的问题有没有解决办法呢?
8491 次点击
所在节点    程序员
25 条回复
thinkxen
2013-10-02 00:27:51 +08:00
我表示一直没研究过~~~
jackhe
2013-10-02 00:30:59 +08:00
一直不是很喜欢这种自适应的框架。

mobile上可以出一套单独纯粹的解决方案,更加简洁,轻巧不好么?
ivanlw
2013-10-02 00:41:28 +08:00
楼主什么版本的火狐?我在chrome和firefox下面样子是一样的……
darasion
2013-10-02 00:51:23 +08:00
@ivanlw 24.0

不加 class 的 <input type="button" /> 元素,对比一下。
gihnius
2013-10-02 01:05:51 +08:00
最近做的一个网站 http://occnet.net/ , 用 bootstrap3, 给人的感觉是上古年代的(别人说).
l22576283
2013-10-02 01:27:50 +08:00
@gihnius 你设计风格的问题,主要是颜色搭配不好,这你不能怪人家boootstarap3
msg7086
2013-10-02 03:32:34 +08:00
加入了多分辨率分栏 (md sm lg分别设定栏位),非常爽
加入了panel组件用的样式,做侧边栏小窗口直接有样式可以用了,非常爽
badge没有颜色了……而且默认的bootstrap css排版里label在badge上面,所以就算写 (.badge .label-success) 颜色也会被label的默认样式覆盖掉,不知道有没有什么好办法
P233
2013-10-02 06:17:20 +08:00
box-sizing: border-box 怎么了?
cctvsmg
2013-10-02 07:49:11 +08:00
这真是google风格的那个bootstrap改的?
laogui
2013-10-02 08:55:42 +08:00
bootstrap最大的优势就是响应式设计,但现在有越来越繁琐的感觉,按纽必须加class,为了照顾不同大小的浏览器,有的地方要加好几个class。

border-box的确另类,但bootstrap的目的就是降低网页制作的门槛,这个属性可以让很多新手不用再纠结盒模型了。
exoticknight
2013-10-02 11:35:35 +08:00
改成border-box估计是为了将W3C的标准盒子模型改成IE6的盒子模型,这样更加合理。W3C的标准模型是content-box,用起来各种不方便。
darasion
2013-10-02 11:43:35 +08:00
@exoticknight
@laogui
@P233

既然如此先进,那为啥大家还都讨厌IE6呢?
sun391
2013-10-02 12:19:57 +08:00
@darasion ie6主要是bug多
SuperOS
2013-10-02 14:43:15 +08:00
新增plugins挺方便 不用额外的jq plugins了
一套框架基本上搞定所有需求 定制也自由 相当爽啊
懒人必备
PotatoBrother
2013-10-02 15:44:17 +08:00
样式还是能接受的,就是感觉有些不伦不类
P233
2013-10-02 15:56:55 +08:00
border-box 在大部分 grid system 中还是非常方便的,比如 Bootstrap2,以及之前的 960 等,要给 grid 加 border padding 时通常是用 负margin,或者 border-box,Bootstrap3 默认样式更省事了,而且 border-box 兼容 IE8 及以上浏览器,Bootstrap3 也不向下兼容,没有冲突。需要写兼容 IE6-8 的页面,我是不会选择 Bootstrap3 的。

Bootstap 系列的 class 乍一看很繁琐,其实是受到 Object Oriented CSS (OOCSS)的影响, .btn 定义按钮的基本样式,再去源码中看看 .btn-primary 定义了什么?只有 color, background-color, border-color 三个属性,如果我想定义一个紫色的按钮,只需要创建一个 .btn-purple class 然后再修改颜色。如果不按照这种方式工作量可想而知,这也违背了 DRY (don't repeat yourself)原则。
whuhacker
2013-10-02 21:53:58 +08:00
3.0 还有很多 bug,等下一个小版本修复了会好些的
zonyitoo
2013-10-03 11:16:18 +08:00
我最近就用Bootstrap3.0写了个博客,初学前端写得不太好,只从表面看的话,Bootstrap3.0的默认主题真是让人感觉回到了90年代,明显是有点跟风扁平化,但是也太单调了点了
Norma
2013-10-03 22:20:11 +08:00
感觉太肥了,不适合mobile,我都用Yahoo的Pure。
darasion
2013-10-05 13:18:08 +08:00
目前,综合来看 bootstrap 3 没有比 bootstrap 2 强多少,很多地方反而更难用了。

还有那个表单布局,默认 width:100% 的输入框。简直太无语了,文档例子中的还好说,稍微复杂的表单就一点办法都没有了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/84351

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX