javascript - 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/