如何使用 bootstrap 构建出比较复杂的表单,求个 demo - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tuteng
V2EX    设计

如何使用 bootstrap 构建出比较复杂的表单,求个 demo

  •  
  •   tuteng 2015-11-23 16:02:58 +08:00 6142 次点击
    这是一个创建于 3679 天前的主题,其中的信息可能已经有所发展或是发生改变。
    例如每一行有多列,自己写了一下,但是感觉太丑了。有没有可供参考的实例呢。
    13 条回复    2015-11-26 13:45:26 +08:00
    shibo501c
        1
    shibo501c  
       2015-11-23 16:04:42 +08:00   2
    最近发现蚂蚁金服开源的前端框架 antdesign 不错,我好像跑题了
    zhantss
        2
    zhantss  
       2015-11-23 17:34:12 +08:00
    我觉得
    一行多列的 bootstrap 基础样式表单
    可能显得有点单薄
    需要安排的紧凑一点
    或者试一下输入框组元素分组之类的东西?
    ericshine
        3
    ericshine  
       2015-11-23 22:04:22 +08:00
    什么叫复杂的表单,比如?
    tuteng
        4
    tuteng  
    OP
       2015-11-23 22:08:33 +08:00
    @ericshine 也不是很复杂了,就是每行有多个列,每列可以为输入框,选择框什么的,大约会有 20 多行。我写出来了,就是有点丑,所以想看看有没有更美观一些的
    loading
        5
    loading  
       2015-11-23 22:11:23 +08:00 via Android
    bs 因为默认样式的原因,各种 label 和 input 都是巨大的,自己改小点就好一些。
    ericshine
        6
    ericshine  
       2015-11-23 22:14:50 +08:00
    @tuteng 最近也在做大量使用 html table 的 project ,也有特别多的列,也在头疼。现在的想法是当列数大于一定数目的时候,自动分成两个 table ,保留特定列。
    XianZaiZhuCe
        7
    XianZaiZhuCe  
       2015-11-23 22:19:53 +08:00 via Android
    碰上复杂的,真觉得还不如自己写了…
    lyz1990
        8
    lyz1990  
       2015-11-24 15:21:25 +08:00
    可以不用 bootstrap ,手写灵活一些
    tuteng
        9
    tuteng  
    OP
       2015-11-24 15:35:06 +08:00
    @lyz1990 自己搞是灵活,但是需要时间么,没有好用的轮子就得自己弄了
    lyz1990
        10
    lyz1990  
       2015-11-24 18:41:57 +08:00
    表单这种东西只要能在纸上画出来,手写跟 bootstrap 也没什么区别呀,主要问题还是在于到底怎么排好看。似乎更是个设计问题,而不是实现问题。
    beginor
        11
    beginor  
       2015-11-26 09:22:37 +08:00
    @loading 用 bootstrap 构造复杂的表单确实麻烦,默认控件的都太“大气”了!
    loading
        12
    loading  
       2015-11-26 09:28:38 +08:00 via Android
    @beginor 求推荐默认比较 “小气”的框架
    qloog
        13
    qloog  
       2015-11-26 13:45:26 +08:00
    @shibo501c 看了一下很强大 。 正是我要找的, 团队维护至少没有太大问题。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2537 人在线   最高记录 6679       Select Language
    创工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 34ms UTC 14:55 PVG 22:55 LAX 06:55 JFK 09:55
    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