前端需要根据设计稿出静态页面,是否有必要用 bootstrap - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
SaintSeiya
V2EX    程序员

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

  • &nbp;
  •   SaintSeiya 2016-05-28 10:02:42 +08:00 via Android 9385 次点击
    这是一个创建于 3432 天前的主题,其中的信息可能已经有所发展或是发生改变。
    公司的前端同事做什么都喜欢先把 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     Solana   &nbs; 4811 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 36ms UTC 05:38 PVG 13:38 LAX 22:38 JFK 01:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86