默认情况下如何设置bootstrap div不折叠

Question

我有一个在点击时显示或隐藏的面板（折叠）。当我加载页面时，它默认设置为隐藏？我怎么能改变这个？

<div class="col-md-1">
<a style="float:right;" data-toggle="collapse" href="#collapse1">
<span class="glyphicon glyphicon-chevron-down"></span></a></div>
   </div>
  </div>
  <div id="collapse1" class="panel-collapse collapse">
...

另外，如何将此glyphicon图标更改为glyphicon glyphicon-chevron-down？

Answer 1

将类in添加到您的可折叠div：

<div id="collapse1" class="panel-collapse collapsing in">

Answer 2

在Bootstrap 4.3.1中对我有用的是使用.show类：

<div id="collapse1" class="panel-collapse collapse show">