桌面的Bootstrap列表组，手机的accordion

Question

我的页脚中有一个项目列表。对于桌面，我希望它只是一个简单的列表组。对于移动设备，我只想显示标题，但实际的列表项应该用手风琴折叠。有没有办法做到这一点，还是我需要创建两个单独的版本，一个用于移动版，一个用于桌面版？

Answer 1

似乎你必须使用两个代码

因为你使用的是bootstrap手风琴，它有很多选择器，比如id =“accordion”role =“tablist”，data-toggle =“collapse”data-parent =“＃accordion”等等

您必须将代码分开

http://getbootstrap.com/javascript/#collapse-example-accordion

Answer 2

我通过使用可折叠列表组和脚本来显示它已针对移动设备折叠但已针对桌面进行了扩展，从而实现了此功能。

http://www.bootply.com/cTsrC18csm