V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tuteng
V2EX  ›  设计

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

  •  
  •   tuteng · 2015-11-23 16:02:58 +08:00 · 5810 次点击
    这是一个创建于 3270 天前的主题,其中的信息可能已经有所发展或是发生改变。
    例如每一行有多列,自己写了一下,但是感觉太丑了。有没有可供参考的实例呢。
    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   ·   实用小工具   ·   4843 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 05:36 · PVG 13:36 · LAX 21:36 · JFK 00:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.