Bootstrap折叠加载在页面加载时折叠

时间:2014-06-03 14:19:32

标签: twitter-bootstrap load

标题几乎涵盖了我所遇到的问题。

我在我正在开发的网站上有一个列表,我在可折叠元素中隐藏了一些内容。

我遇到的问题是它们在页面加载时已经崩溃。

有没有人知道如何解决这个问题?

感谢。

3 个答案:

答案 0 :(得分:11)

感谢您的评论Rob。

在查看HTML后想出来,我需要使用collapse,但只有一个人使用collapse in

问题排序:)

在页面加载时加载展开

<div id="collapseOne" class="panel-collapse collapse in">

在点击之前加载隐藏:

<div id="collapseOne" class="panel-collapse collapse">

答案 1 :(得分:8)

Bootstrap文档说明了这一点:

  

崩溃插件使用几个类来处理重量级   升降:

     

.collapse隐藏了内容

     

.collapse.in显示内容

     转换开始时添加

.collapsing,完成转换后删除<{p>}

相应地编辑您的HTML(使用collapse.in而不是折叠)

答案 2 :(得分:0)

自引导4.2.1起 如果我们想显示加载时的折叠内容:

折叠显示类用于div或要显示的任何元素。

检查文档Bootstrap Collapse