前提条件
- 我拥有 searched,用于处理重复或已关闭的功能请求
- 我已阅读了 contributing guidelines
建议
为折叠组件添加响应式类将非常有帮助。例如，添加一个 .collapse-sm 类意味着默认情况下仅在视口小于 576px 时隐藏内容。
示例：
示例代码： https://jsfiddle.net/mvLxytk7/1/
动机和背景
目前已经可以通过使用 .navbar-collapse 和 .navbar-expand{-sm|-md|-lg|-xl|-xxl} 类来实现这一点，就像在这个例子中一样。但我认为如果不需要使用导航栏就可以更容易地实现这一点，那就更有意义了。
2条答案
按热度按时间9o685dep1#
我同意这个观点。如果能将这个功能作为折叠菜单的一个特性，那将会非常好。例如，如果一个人在侧边栏菜单中使用这个功能(参见：https://getbootstrap.com/docs/5.2/examples/sidebars/#),但只想在较小的屏幕上使用折叠菜单，而不是较大的屏幕。我正在一个项目中工作：https://github.com/michaelhiiva/Introduction-with-Section-Dropdown-Frontend-Mentor,在这个项目中，需要在大屏幕上有一个下拉菜单，而在小屏幕上使用折叠菜单。目前，我能实现这个功能的方法只有使用JavaScript。如果能直接使用Bootstrap中已经存在的标准或规范就更好了。
b09cbbtk2#
在自己的项目中，我曾处理过类似的问题。我想为此提交一个pull request,附上我的解决方案。