【问题标题】:Bootstrap Collapsing Table RowsBootstrap 折叠表行
【发布时间】:2016-10-27 19:53:09
【问题描述】:

我正在寻找类似于在移动设备上折叠成下拉菜单的四列表格的建议。我的原始代码是一个引导表,但是最小的表对于移动设备来说仍然太大了。我想我可以折叠成一个下拉列表,因为真正需要在移动设备上看到的只是第一行,其中包含指向展开的详细视图的可点击链接。

【问题讨论】:

    标签: javascript html twitter-bootstrap


    【解决方案1】:

    最简单的方法可能是使用两种不同的控件 - 一个用于大屏幕的表格和一个用于小屏幕的下拉菜单 - 并将两者都包含在您的页面中。

    然后根据屏幕大小隐藏不需要的控件。由于您已经在使用 Bootstrap,请查看它的 responsive utilities。您会找到预定义的 CSS 类,如 .hidden-sm.hidden-lg 来帮助您。

    【讨论】:

      猜你喜欢
      • 2016-12-26
      • 1970-01-01
      • 1970-01-01
      • 2018-12-24
      • 2016-12-04
      • 2013-08-31
      • 1970-01-01
      • 2018-02-14
      • 2013-03-26
      相关资源
      最近更新 更多