V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
darasion
V2EX  ›  程序员

谈谈你对 bootstrap3 看法?

  •  
  •   darasion · 2013-10-01 23:47:37 +08:00 · 8266 次点击
    这是一个创建于 3847 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://getbootstrap.com/

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

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

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

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

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

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

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

    既然如此先进,那为啥大家还都讨厌IE6呢?
    sun391
        13
    sun391  
       2013-10-02 12:19:57 +08:00 via iPhone
    @darasion ie6主要是bug多
    SuperOS
        14
    SuperOS  
       2013-10-02 14:43:15 +08:00
    新增plugins挺方便 不用额外的jq plugins了
    一套框架基本上搞定所有需求 定制也自由 相当爽啊
    懒人必备
    PotatoBrother
        15
    PotatoBrother  
       2013-10-02 15:44:17 +08:00 via iPhone
    样式还是能接受的,就是感觉有些不伦不类
    P233
        16
    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
        17
    whuhacker  
       2013-10-02 21:53:58 +08:00
    3.0 还有很多 bug,等下一个小版本修复了会好些的
    zonyitoo
        18
    zonyitoo  
       2013-10-03 11:16:18 +08:00
    我最近就用Bootstrap3.0写了个博客,初学前端写得不太好,只从表面看的话,Bootstrap3.0的默认主题真是让人感觉回到了90年代,明显是有点跟风扁平化,但是也太单调了点了
    Norma
        19
    Norma  
       2013-10-03 22:20:11 +08:00   ❤️ 1
    感觉太肥了,不适合mobile,我都用Yahoo的Pure。
    darasion
        20
    darasion  
    OP
       2013-10-05 13:18:08 +08:00
    目前,综合来看 bootstrap 3 没有比 bootstrap 2 强多少,很多地方反而更难用了。

    还有那个表单布局,默认 width:100% 的输入框。简直太无语了,文档例子中的还好说,稍微复杂的表单就一点办法都没有了。
    darasion
        21
    darasion  
    OP
       2013-10-06 22:57:00 +08:00
    @ivanlw

    找到了,貌似下个版本才会修复
    https://github.com/twbs/bootstrap/pull/10265
    soli
        22
    soli  
       2013-10-07 11:33:08 +08:00
    @gihnius 最上边的一行没有和下面的对齐,这是故意的么?
    loveminds
        23
    loveminds  
       2013-10-08 12:12:17 +08:00   ❤️ 1
    @gihnius 扁平化又缺乏色彩就不好看了
    gihnius
        24
    gihnius  
       2013-10-08 13:01:04 +08:00
    @loveminds 但是如果色彩太鲜明太多, 就难尽别人所好, 有些人喜欢蓝色,有些喜欢黄色,有些喜欢绿色, 怎么样去搭配可以让喜欢蓝色的人看到黄色不讨厌等等?我开始认为前景和背景对比鲜明就得了.
    exoticknight
        25
    exoticknight  
       2013-11-03 01:09:04 +08:00
    @darasion 应该是因为bug多……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2875 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 08:18 · PVG 16:18 · LAX 01:18 · JFK 04:18
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.