【发布时间】:2016-10-27 19:53:09
【问题描述】:
我正在寻找类似于在移动设备上折叠成下拉菜单的四列表格的建议。我的原始代码是一个引导表,但是最小的表对于移动设备来说仍然太大了。我想我可以折叠成一个下拉列表,因为真正需要在移动设备上看到的只是第一行,其中包含指向展开的详细视图的可点击链接。
【问题讨论】:
标签: javascript html twitter-bootstrap
我正在寻找类似于在移动设备上折叠成下拉菜单的四列表格的建议。我的原始代码是一个引导表,但是最小的表对于移动设备来说仍然太大了。我想我可以折叠成一个下拉列表,因为真正需要在移动设备上看到的只是第一行,其中包含指向展开的详细视图的可点击链接。
【问题讨论】:
标签: javascript html twitter-bootstrap
最简单的方法可能是使用两种不同的控件 - 一个用于大屏幕的表格和一个用于小屏幕的下拉菜单 - 并将两者都包含在您的页面中。
然后根据屏幕大小隐藏不需要的控件。由于您已经在使用 Bootstrap,请查看它的 responsive utilities。您会找到预定义的 CSS 类,如 .hidden-sm 或 .hidden-lg 来帮助您。
【讨论】: