前端们,你们拿到设计稿写 html、css 的时候是否会使用类似 Bootstrap 这样的框架? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
qinix
V2EX    问与答

前端们,你们拿到设计稿写 html、css 的时候是否会使用类似 Bootstrap 这样的框架?

  •  
  •   qinix 2015-01-22 03:35:45 +08:00 vi iPhone 6180 次点击
    这是一个创建于 3918 天前的主题,其中的信息可能已经有所发展或是发生改变。
    29 条回复    2015-01-22 19:54:01 +08:00
    typcn
        1
    typcn  
       2015-01-22 05:32:44 +08:00 via iPad   1
    我不是前端,但是我不会用这些框架,太大。(除了拿现成模版改的
    FrankFang128
        2
    FrankFang128  
       2015-01-22 07:45:13 +08:00 via Android   1
    never
    除非设计师是用BS设计的
    mcfog
        3
    mcfog  
       2015-01-22 08:54:38 +08:00 via Android   1
    我坚持用bs,基本上覆盖变量,然后某些地方不用grid自己布局 还原设计稿无压力

    有时侯实在别扭的时候细细一想基本就是设计不合理的地方,比如同时用12 13 14px字,同时用3种以上的蓝色之类,和设计师沟通一下就好
    cheny95
        4
    cheny95  
       2015-01-22 09:09:28 +08:00   1
    以前不会,但是现在有框架谁不去用啊,手写太慢而且累...前端框架太多了,找个兼容性好的就用了~
    kisshere
        5
    kisshere  
       2015-01-22 09:14:52 +08:00 via Android   1
    never,说实话,bootstrap看久了真的好丑
    xuwenmang
        6
    xuwenmang  
       2015-01-22 09:19:17 +08:00   1
    其实我不会用,也不知道别人怎么用的,反正我用Bootstrap 就是用网上的可视化生成代码。需要什么就拖进去就行了,然后直接copy它的html,里面的id什么的都固定的,所以会自动套用对应的css,显示效果还不错。
    COSTRENGTH
        7
    COSTRENGTH  
       2015-01-22 09:50:55 +08:00   1
    never,页面写多了可以自己写套小框架。
    DT27
        8
    DT27  
       2015-01-22 10:05:28 +08:00   1
    我是程序员。。。自己做小网站时bootstrap跟amazeui哪个顺眼用哪个。。。
    vivianalive
        9
    vivianalive  
       2015-01-22 10:10:26 +08:00   1
    @FrankFang128 用BS设计还需要设计师?
    kokdemo
        10
    kokdemo  
       2015-01-22 10:16:37 +08:00   1
    bs这种东西自己写着玩还不错,一旦开始做东西就是噩梦了……

    各种各样的css冲突……
    Sivan
        11
    Sivan  
       2015-01-22 10:29:47 +08:00   1
    BootStrap 是给前端学习用的,不是给前端做项目用的。
    NathanInMac
        12
    NathanInMac  
       2015-01-22 10:36:09 +08:00   1
    所以用foundation画个grid就好了,侵入的少
    cst4you
        13
    cst4you  
       2015-01-22 10:38:33 +08:00   1
    有设计师的情况下, 是遵循原稿设计来做的, 用 BS 就全乱套了.
    chrischan168
        14
    chrischan168  
       2015-01-22 10:38:39 +08:00   1
    bootstrap 是给后台人员写前端用的
    un
        15
    un  
       2015-01-22 10:45:28 +08:00   1
    用框架就会被框架限制住。Bootstrap HTML 的结构嵌套得太繁琐了,写好的很多 style sheet 你根本用不到。按它的 syntax 写觉得难受,修改过多的话还不如不用。
    所以总的来说这东西是偷懒用的,程序员能快速搭出不丑的界面,或者设计师拿来改改变量就能用。
    O21
        16
    O21  
       2015-01-22 10:46:47 +08:00 via iPhone   1
    @un 客户不管你用啥 他就要一个字 快
    un
        17
    un  
       2015-01-22 10:47:11 +08:00   1
    @Sivan 嗯,认真做一个项目的话用 Bootstrap 简直是受罪。
    tabris17
        18
    tabris17  
       2015-01-22 10:47:15 +08:00   1
    后台用,前台不用
    un
        19
    un  
       2015-01-22 10:48:53 +08:00   1
    @O21 赶时间的项目用没什么不好。本来就是用来“速成”的东西。
    COSTRENGTH
        20
    COSTRENGTH  
       2015-01-22 11:15:20 +08:00   1
    记着我第一次接触框架时是学的960.gs明白思路了就再也不用框架了,都一回事,而且就跟穿衣服一样,大街上看到好多跟自己穿着同一款衣服的人会不会觉着很没个性……
    ming2050
        21
    ming2050  
       2015-01-22 11:18:57 +08:00 via Android   1
    现在北京初级前端的工资什么水平?那实习的呢?
    66beta
        22
    66beta  
       2015-01-22 11:21:02 +08:00   1
    随便用用还是蛮好的,觉得丑可以自己换配色啊
    jarlyyn
        23
    jarlyyn  
       2015-01-22 13:08:41 +08:00   1
    bootstrap不是给后台用的么……
    sxliusir
        24
    sxliusir  
       2015-01-22 14:43:06 +08:00   1
    怎么方便怎么来
    chloerei
        25
    chloerei  
       2015-01-22 14:45:14 +08:00   3
    要覆盖默认样式太麻烦了。我用 http://bourbon.io/
    yrdr
        26
    yrdr  
       2015-01-22 15:13:28 +08:00   1
    我一直觉得bootstrap就是给后端的一个玩具,不过当我在oschina这么说了之后,就被一大群人喷,估计都是搞后端的吧,而且还是振振有词。看来还是v2ex上的朋友素质高,竟然没有人开喷
    chloerei
        27
    chloerei  
       2015-01-22 15:18:42 +08:00   1
    @yrdr 要把 bootstrap 改得面目全非是有可能的,但是要很深的功力 http://expo.getbootstrap.com/
    lijinma
        28
    lijinma  
       2015-01-22 15:52:45 +08:00   1
    楼上又有很多人没明白楼主的意思。。。。。

    楼主问的是“是否用这个框架”,而不是“是否直接使用 Bootstrap UI”。

    楼主都说了设计稿了,拿了设计稿你还能用 Bootstrap UI 吗???

    楼上 @mcfog 已经回答了你的问题,当然,设计师的设计也有关系。

    况且,Bootstrap 都是分模块的,你需要什么就拿什么,一点问题都没有。

    我说一下使用 Boostrap 框架的优势吧。

    (以 less 举例):

    比如:代码结构比较好,模块划分到位,省去你划分,而且你可以随便覆盖。
    比如:a.btn 和 input.btn 的样式一致问题。
    .....

    慢慢下载源码去看看优点吧。。。
    MouCai
        29
    MouCai  
       2015-01-22 19:54:01 +08:00
    只会用其中的一部分,需要哪部分就拿哪部分,还能通过修改变量定制一些东西
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2896 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 14:28 PVG 22:28 LAX 07:28 JFK 10:28
    Do have faith in what you're doing.
    ubao 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