1
我正在寻找类似于四列的表的建议,这些列会在移动设备上折叠成下拉列表。我的原始代码是引导程序表,但对于移动设备而言,表格尺寸最小仍然太大。我想我可以折叠成一个下拉菜单,因为真正需要在移动设备上看到的所有内容都是包含可扩展详细信息视图的可点击链接的第一行。自举折叠桌面行
我正在寻找类似于四列的表的建议,这些列会在移动设备上折叠成下拉列表。我的原始代码是引导程序表,但对于移动设备而言,表格尺寸最小仍然太大。我想我可以折叠成一个下拉菜单,因为真正需要在移动设备上看到的所有内容都是包含可扩展详细信息视图的可点击链接的第一行。自举折叠桌面行
最简单的办法可能是使用两个不同的控制 - 针对大屏幕一张桌子和小屏幕下拉 - 并且包括在你的页面。
然后根据屏幕尺寸隐藏不需要的控件。由于您已经使用Bootstrap,请查看其responsive utilities。你会发现预定义的CSS类,如.hidden-sm
或.hidden-lg
,可以帮助你。