如何使用Twitter Bootstrap创建所需的嵌套可折叠容器布局(使用面板、折叠面板等)？
如何使用Twitter Bootstrap创建所需的嵌套可折叠容器布局(使用面板、折叠面板等)？
提问于 2013-08-04 21:21:35
我想创建如下图所示的布局。我目前正在使用Twitter Bootstrap的布局和控件来创建web应用程序。
下面有一个外部容器，每个外部容器都有容器。我希望所有容器都是可折叠的，即我希望最小化每个容器，包括外部容器。装载时，所有容器都应显示在屏幕上。
当所有内部容器都最小化/折叠时，父外部容器也应该折叠。我也愿意接受关于最小化父容器的位置(左侧、顶部或底部)的建议。
我不确定如何创建这个布局(无论是使用手风琴控件，还是面板或任何其他任何人可能有的建议)，我想知道是否有人有合适的建议？
回答 1
Stack Overflow用户
发布于 2013-10-21 16:10:07
一些建议和想法。我希望这对有一定的指导作用！
功能
您也许能够使用内置的js来管理这一点，但对此不太确定。然而，我相信这种可折叠性是通过js执行的，但是它规范了css代码，比如display and visibility。我也相信这些可折叠的脚本是由文档末尾的js触发的，而且它只根据屏幕分辨率来执行。因此，我不确定有多少脚本可以用于这种主动选择的可折叠性。如果我是你，我会自己编写代码。
conent的类型？
您希望在div中包含什么类型的内容？(标题A.1 -标题C。3)。为了获得更好的用户体验，我建议使用类似于我所包含的图片的布局。尤其是如果用户想要从移动设备但不是排他性地观看它。垂直角度的文本基本上只会让人头疼。但如果你坚持这样做，我建议你使用Icons。
关于可用性和用户体验的布局建议。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18047692
复制相关文章
相似问题
腾讯云开发者
