白桦yuma
2018-05-20 07:52
采纳率: 98.1%
浏览 6.4k

bootstrap里怎么做一个多行多列的表单

如图,需要做成这个样子的表单
图片说明

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

11条回答 默认 最新

  • 超级IT大神 2018-05-22 13:02
    已采纳
    已采纳该答案
    打赏 评论
  • fdsaf_hyuhyy 2018-05-20 08:02

    两列就是


    三列就是

    以此类推即可,望采纳!!!
    打赏 评论
  • a435579145 2018-05-20 09:18

    写得好写得好写得好写得好写得好写得好写得好写得好写得好写得好写得好

    打赏 评论
  • 海Dao船长 2018-05-20 14:01

    bootstrap 里面应该有关于表单的一些应用吧。

    打赏 评论
  • 小生想飞 2018-05-20 16:44

    一行12个bootstrap列,根据给出的图中的每一列(标单项前面的文字也算一列)占3个bootstrap列,然后没行都是以此类推,至于最后一行,可以前面两列各占3个bootstrap列,后面占6bootstrap列而不写标单项(即为空)即可。

    打赏 评论
  • qq_42093905 2018-05-21 00:49

    http://www.ibootstrap.cn/ 这个网站可以给你帮助

    打赏 评论
  • qq_32754769 2018-05-21 02:18

    先平均分成3列即三个col-md-3,再给个min-width,固定最小宽度,每个三列里面也可以再细分,或者直接让它居中,固定宽度就可以了

    打赏 评论
  • qq_37461199 2018-05-21 03:44

    在bootstrap官网中,有相应的例子。可以使用col-sm-3

    打赏 评论
  • 罗后强 2018-05-21 11:37

    可以理解为你在建立动态表单吗?
    如果是,请使用table比较合适。
    表格的单元格可以有比较复杂的内容,而且bootstrap的表格很丰富,例如条形表格等等。

    打赏 评论
  • jiedahui 2018-05-21 13:28

    // .col-xs-*(超小屏幕 手机 (<768px)), .col-sm-*(小屏幕 平板 (≥768px)), .col-md-*(中等屏幕 桌面显示器 (≥992px)), .col-lg-*(大屏幕 大桌面显示器 (≥1200px))

    // 一个容器(必须)
    // 表示一行
    .col-md-4
    //每行饭3列,3*4=12(每行划分12等分)
    .col-md-4
    .col-md-4
    // 表示一行
    .col-md-4
    .col-md-4
    .col-md-4
    打赏 评论
  • jiedahui 2018-05-21 13:30

    // .col-xs-*(超小屏幕 手机 (<768px)), .col-sm-*(小屏幕 平板 (≥768px)), .col-md-*(中等屏幕 桌面显示器 (≥992px)), .col-lg-*(大屏幕 大桌面显示器 (≥1200px))

    // 一个容器(必须)
    //

    表示一行
    //
    .col-md-4
    //每行饭3列,3*4=12(每行划分12等分)
    //
    .col-md-4

    //
    .col-md-4

    //

    //
    表示一行
    //
    .col-md-4

    //
    .col-md-4

    //
    .col-md-4

    //

    //< / div>

    打赏 评论

相关推荐 更多相似问题