谈谈你对 bootstrap3 看法？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4055 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://getbootstrap.com/

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

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

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

用默认就不一致的问题有没有解决办法呢？

默认

class

box

25 条回复 • 1970-01-01 08:00:00 +08:00

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 via iPhone

@darasion ie6主要是bug多

SuperOS

2013-10-02 14:43:15 +08:00

新增plugins挺方便不用额外的jq plugins了
一套框架基本上搞定所有需求定制也自由相当爽啊
懒人必备

PotatoBrother

2013-10-02 15:44:17 +08:00 via iPhone

样式还是能接受的，就是感觉有些不伦不类

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）原则。