希望在这里改善我的代码，并希望从任何人的反馈中获得帮助。
我有一个按钮，单击该按钮将隐藏/显示侧边栏。
问题：当我切换侧栏时，内容区域偶尔会跳转，而不是平滑地扩展/收缩。不是100％的时间，因此我很难诊断原因。
这是我正在玩的jsFiddle。
http://jsfiddle.net/ryhollingsworth/Vb74j/
这是怎么回事：
$('#toggler').on('click', function(e) {
e.preventDefault();
$('#content').toggleClass('col-sm-12 col-sm-9');
$('#sidebar').toggleClass('col-sm-3 col-sm-0');
});
只需换出列宽即可。我创建了一个新的列类col-sm-0。
谢谢 ：）
分配.col-sm-0一个min-height: 1px（如Bootstrap为其列所做的那样），然后删除height: 0px样式。
http://jsfiddle.net/mblase75/4aTnN/
.col-sm-0 {
width: 0px;
float: left;
overflow: hidden;
margin: 0px;
padding: 0px;
min-height: 1px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句