V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
SaintSeiya
V2EX  ›  程序员

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

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

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

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

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

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

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

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

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

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