Html 注销引导崩溃

大家好，我正在使用引导折叠：

这是完美的工作，但我必须添加背景和填充10px，这打破了手风琴的效果，它是有人知道如何修复这个

如果我去掉填充物效果很好，但我需要填充物

多谢各位

jsfiddle：

$（文档）。单击（函数（e）{
如果（！$（e.target）.is（'.collapse logout'））{
$（'.collapse'）。collapse（'hide'）；
}
});
。折叠注销{
背景：黑色；
颜色：#27a0d7；
光标：指针；
边界半径：5px；
高度：40px；
填充：10px；
}

您好，${username}
注销
您可以将手风琴内容包装在
div
中，然后将填充应用于该内部
div


$（文档）。单击（函数（e）{
如果（！$（e.target）.is（'.collapse logout'））{
$（'.collapse'）。collapse（'hide'）；
}
});
。折叠注销{
背景：黑色；
颜色：#27a0d7；
光标：指针；
边界半径：5px；
高度：40px；
}
.塌体{
填充：10px；
}

您好，${username}
注销