Question

我正在尝试创建一个可折叠的div，它可以保存图像的缩略图。到目前为止，一切都有效，除了div内容（缩略图）闪烁并在崩溃和扩展时消失。内容在那里，它只是不留下来。如果你足够快，你可以点击它闪烁的缩略图，它会带你到图像路径。我的div看起来像这样：

<div class="col-lg-8 col-lg-offset-2">
    <div id="images" class="accordion-body collapse">
        <a href="../images/1953.01.09.00.jpg" class="thumbnail">
            <img src="../images/1953.01.09.00.jpg">
        </a>
    </div>
</div>

我的按钮：

<a class="btn accordion-toggle" data-toggle="collapse" href="#images">Images &raquo;</a>

您可以在此处查看我的完整代码：https://jsfiddle.net/krbylit/jttyq8jv/

Answer 1

将此添加到您的CSS

.collapse.show {
  visibility: visible;
}

由于某种原因，您的引导程序无法正确切换此属性

Answer 2

有时可能是某些CSS将内部文本的颜色更改为白色，所以简单地应用内联CSS可能会有所帮助：

    style="color : black; "

Bootstrap崩溃div内容消失

2 个答案: