Bootstrap折叠表行

时间:2016-10-27 19:53:10

标签: javascript html twitter-bootstrap

我正在寻找类似于四列表的建议,这些列会崩溃成移动设备上的下拉列表。我的原始代码是一个引导程序表,但是它最小的表对于移动设备来说仍然太大了。我想我可能会陷入下拉状态,因为真正需要在移动设备上看到的所有内容都是包含可扩展详细信息视图的可点击链接的第一行。

1 个答案:

答案 0 :(得分:1)

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

然后根据屏幕大小隐藏不需要的控件。由于您已经使用了Bootstrap,请查看其responsive utilities。您会发现预定义的CSS类,例如.hidden-sm.hidden-lg,可以帮助您。