• 请不要在回答技术问题时复制粘贴 AI 生成的内容
SaintSeiya
V2EX  ›  程序员

前端需要根据设计稿出静态页面,是否有必要用 bootstrap

  •  
  •   SaintSeiya · May 28, 2016 via Android · 9747 views
    This topic created in 3662 days ago, the information mentioned may be changed or developed.
    公司的前端同事做什么都喜欢先把 bootstrap 引进去,但是页面是有设计的,所以需要重写很多样式,而且他做的只是页面中的一部分,之后整合到一起,整个页面都乱了,其他部分的样式也被 bootstrap 覆盖了。和那个同事沟通过,感觉再多说几句就能吵起来。
    我觉得 bootstrap 是在没有设计师,或者设计不重要的时候用的,像这种需要根据设计来写页面的项目,是否有必要用 boostrap ?
    Supplement 1  ·  May 28, 2016
    看了大家的评论,结合公司现在前端情况,瞬间感觉我们公司前端问题太多了,抛开 bootstrap 不谈,我总结了下当前前端存在的问题:
    1.没有负责人 /主导人。我们几个工作时间都不长,主全不了大局,都认为自己想法是好的,讨论也讨论不出什么结果。
    2.没有统一样式。公司上一代前端遗留下来的问题,这一代也没有解决,例如,一个页面中,肉眼区分不了的灰色,实际有好几个值,更别说其它的样式了。
    3.没有自动化构建工具。现在的 css,js 连压缩没有,就直接发线上了。实际上我已经向版本库中提交了 gulpfile ,也都已经配置好了,但是没人配合。

    当然还有很多问题,完全就是一团乱麻,公司对前端不重视,我也没啥话语权,改变不了什么,说的我都想辞职了。
    34 replies    2016-05-29 02:04:30 +08:00
    sitelogin
        1
    sitelogin  
       May 28, 2016
    bootstrap 适合不会设计的人用,而且只适合简单的页面 有设计 和复杂的页面不要用 bootstrap
    Neo
        2
    Neo  
       May 28, 2016
    你是什么职位呢?要吵还得吵
    ChefIsAwesome
        3
    ChefIsAwesome  
       May 28, 2016 via Android
    前端太 low 。要么你走要么他走
    lyog
        4
    lyog  
       May 28, 2016
    设计稿都出来了,就不要用 bootsrrap 了,用 bootsrrap 纯属是因为没有专门的设计师,自己设计太抠脚。
    Vamwere
        5
    Vamwere  
       May 28, 2016
    用 bootstrap 和设计根本就不冲突,要么你自己水平不行,要么设计不行
    gdtv
        6
    gdtv  
       May 28, 2016
    关键问题是他只做页面中的一部分,那么整个前端原来的工程师去哪了?让他和原来的前端工程吵架去。
    这种多人合作做前端的方式,做 bootstrap 也未尝不可。
    learnshare
        7
    learnshare  
       May 28, 2016
    有设计稿一般不用 Bootstrap 的
    vizards
        8
    vizards  
       May 28, 2016 via Android
    有设计稿一般不用 bootstrap ,感觉用了写起来更麻烦。。
    SaintSeiya
        9
    SaintSeiya  
    OP
       May 28, 2016
    @sitelogin
    @lyog
    @learnshare 我也是这么觉得的
    SaintSeiya
        10
    SaintSeiya  
    OP
       May 28, 2016
    @Neo 我也是前端
    SaintSeiya
        11
    SaintSeiya  
    OP
       May 28, 2016
    @ChefIsAwesome 还不至于,主要是没有统一大局的人
    Clarencep
        12
    Clarencep  
       May 28, 2016
    最好是公司整理出一套 UI 组件库,设计师设计的时候也是直接设计组件,然后拼组件成页面
    bayallen
        13
    bayallen  
       May 28, 2016
    我在项目里也喜欢用 bootstrap ,大或小的,整个 grid 架构用起来很方便。

    用 bootstrap 也不一定是因为没有设计稿,在响应式设计里,用 bootstrap 可以省很多事。

    如果你有设计稿的话,那么 bootstrap 源码里的 mixins 文件夹下会有很多合适用的东西,例如自定义按钮的 button-variant ,这些虽然要手写都可以,但很多时候,考虑的不会那么周全。比如不是很多人会去定义 button::disabled 的样式。

    bootstrap 是个很好的框架,它大而全,虽然大多数时候,我们并不需要全部的东西。但如果你把完整的 bootstrap.css 作为第一个 css 文件引入,然后根据设计稿,写新的 css 覆盖掉一些样式,就不会遇到冲突的问题:事实上,我很好奇怎么会发生冲突的。
    loading
        14
    loading  
       May 28, 2016 via Android
    跑个分!
    murmur
        15
    murmur  
       May 28, 2016
    我跟你说 前端那么多设计风格 用户角度来看 bootstrap 是最丑的 尤其是那个按钮
    管理后台 用起来是最方便也是稍微那么不难看的。。
    bibizhang
        16
    bibizhang  
       May 28, 2016
    不是还有很多别的吗
    SaintSeiya
        17
    SaintSeiya  
    OP
       May 28, 2016
    @ferrum 学习了。
    Wenwei
        18
    Wenwei  
       May 28, 2016 via iPhone
    有设计的情况下没必要用 bootstrap ,不然总有一些样式需要重置,还有挺多样式用不到。管理后台用 bootstrap 是因为没设计师设计,方便弄,也不至于那么丑,哈哈哈。
    tank
        19
    tank  
       May 28, 2016   ❤️ 1
    用 bootstrap 是为了方便页面响应的话可以 介绍它用一些更轻量的栅栏系统,例如 http://960.gs http://flexboxgrid.com http://onepcssgrid.mattimling.com
    控件方面也不应该自己引入 UI 库,要用第三方 UI 库的话网站初期就应该定好,所有页面公用一套。。
    shoaly
        20
    shoaly  
       May 28, 2016
    最后谁能做出设计页面的样子 听谁的, 他引入 bootstrap 让他 切出来吧
    boro
        21
    boro  
       May 28, 2016 via iPhone
    如果项目在设计前就把规划做好,相信就不会有这样的问题了。
    yocoso
        22
    yocoso  
       May 28, 2016
    不是说 bootstrap 是给做后端的人用的嘛,呵呵。

    不管有没有设计稿,前端都不应该用 bootstrap ,自己写一个适合自己网站的 bootstrap 又不困难,还更轻便。
    fen
        23
    fen  
       May 28, 2016
    建议设计和开发共同遵循 bootstrap 的 grid 、 button 等原则,省时省力。
    cxbig
        24
    cxbig  
       May 28, 2016
    我们公司前端负责人有自己一套 style 库,会像 bootstrap 那样自动生成 doc ,设计那边直接加载这个库做排版, class 怎么用参考文档就行了。
    如果说你们公司有这样的东西,设计不用就是他们的问题。
    如果你们没有这样的基础库,那就是前端的问题了。
    LXVC
        25
    LXVC  
       May 28, 2016
    Bootstrap 不是让你直接用的,是让你覆盖它的 Less 或者 Sass 源文件以达到定制的目的。有冲突,说明你们前端不会用
    master
        26
    master  
       May 28, 2016
    感觉这是多人协作一个页面 不说统一的 style 库 就连统一的 Normalize 都没有
    jinsongzhao
        27
    jinsongzhao  
       May 28, 2016 via Android
    很显然,双方有一个精通的,就什么事都没有了。谁学会了耐心,谁最后搞定对方,谁的成长就多一些。
    shuangchun
        28
    shuangchun  
       May 28, 2016
    显然你们设计师,前端都不懂。
    imcxy
        29
    imcxy  
       May 28, 2016
    你真会用 bootstrap 么
    你同事真会用 bootstrap 么

    2 个不懂得吵得天翻地覆。
    shisaq
        30
    shisaq  
       May 28, 2016
    @tank 感谢分享,果然好轻量(清凉)!
    Felldeadbird
        31
    Felldeadbird  
       May 28, 2016
    引入 bootstrap 是为了方便 某些常用 的调用。如果按钮。
    我见过太多太多太多太多前端,连个复用的按钮都不会写。页面都是定死 div 去写按钮。
    wizardforcel
        32
    wizardforcel  
       May 28, 2016
    如果项目已经有自己的库了,不要用 bootstrap ,会覆盖。

    但是如果没有,程序员用 bootstrap 的效果,绝对比你设计师没有模式的手写 css 要强一百倍。

    css 库虽然没有明文的公认模式(或者说没人总结),但是大多数 css 库都是 bootstrap 这种设计,大多数公司也在用。你非要手写,东写一个西写一个迟早会乱。
    SaintSeiya
        33
    SaintSeiya  
    OP
       May 28, 2016
    @imcxy 不算很懂,只看过部分源码
    spider82
        34
    spider82  
       May 29, 2016
    看项目进度,如果时间紧迫就 Bootstrap 吧。除非有经验丰富的设计和美工,不然字号、颜色、边距比例估计都会失去美感,公司没有那些成本就直接改 bootstrap 的 CSS 来的经济些。看起来贵司更看重用户交互逻辑以及功能超过界面美感本身,你自己也可能无法改变,所以不如就 let it go ,想想乔布斯在第一次演示 IPHONE 的时候,里面也隐藏的一大堆 BUG ,每家公司都为了赶上市场大潮竭尽全力,很多事情相信不是不想做,而是牵一发而动全身,或是需要更多的时间和经费才能实现。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1760 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 89ms · UTC 16:14 · PVG 00:14 · LAX 09:14 · JFK 12:14
    ♥ Do have faith in what you're doing.