Bootstrap可折叠表现得很奇怪

Question

我的问题在此fiddle中进行了抽样。

我有一个基本的可折叠元素，里面有一个切换按钮：

<div class="visible-xs collapsible collapse in panel panel-primary">
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic veritatis fugit veniam sapiente rem excepturi velit animi inventore mollitia reprehenderit nostrum natus autem quae minima dolor dolores voluptatum eum quia.
    </div>
    <br />
    <div class="btn btn-primary" data-toggle="collapse" data-target=".collapsible">Collapse</div>
</div>

当元素折叠时，子元素跳出可折叠的元素。

这里有什么问题？

Answer 1

由于visible-xs类。

<div class="collapsible collapse in panel panel-primary">

http://jsfiddle.net/g238b1qn/