Question

bootstrap collapse插件怎么设置当窗口宽度缩窄到多少像素时折叠元素？

该插件默认是在窗口宽度小于992像素时，就执行折叠元素了。请问大师们 ，这个992像素的值怎么改：就是我想使其在窗口宽度 小于768的时候，再折叠元素？ 先多谢大师

Answer 1

测试了一下，我是直接修改

.collapse {width:300px;}

显示图片如下：

不知道是你要的结果不

追问

谢谢你的指点。这里抱歉， 我的疏忽，遗漏一点没说： 页面上面有2个这样的区域A、B。A是按正常的宽度（992）折叠，B才 按768宽度 折叠。 这插件有没有 什么属性满足这的，或是什么其他办法 ？

因为 我这页面 B是个横向导航条，如果隐藏过早，会表现为对应位置变为一条900多像素宽的空白区域，太难看，所以这么要求。

追答

可以针对两个区域，设定不同的class，然后设定不同的样式。
.collapse 是bootstrap框架里统一命名的，可以在后面再加一个自己设定的class，然后分别设定宽度。

追问

意思是把“”
改换成“” 吗 ？

我这 .collapse-left{ width: 768px;}
这样设置没效果。多谢，期待你的帮助

追答

加一个class名字，不是改掉原来的class名字，你这样一改，框架设定的class属性就不起作用了，肯定没用。

示例：

改成

然后设定css样式：.abc{width:xxxpx;}