Question

我正在尝试使用bootstrap来创建一个可折叠的面板。

这是我的html：

<div class="col-xs-12 col-sm-6">
    <div class="panel panel-default">
    <div class="panel-heading">Amérique du nord/North America <span data-toggle="collapse" target-target="#panelBodyOne" class="collapsed">+</span></div>
            <div id="panelBodyOne" class="panel-body collapse"> Test</div>
      </div>
</div>

有谁能告诉我为什么这不起作用？

Answer 1

您的目标属性名为-- Start a terminal. Terminal to start is specified by myTerminal variable. [((modMask .|. shiftMask, xK_Return), spawn $ XMonad.terminal conf)]，但它应为target-target。

data-target

Answer 2

在您的范围标记

上添加data-target属性

试试这段代码

<div class="col-xs-12 col-sm-6">
    <div class="panel panel-default">
    <div class="panel-heading">Amérique du nord/North America 
     <span data-toggle="collapse" data-target="#panelBodyOne"    
       class="collapsed">+</span>
    </div>
            <div id="panelBodyOne" class="panel-body collapse">Test</div>
      </div>
</div>

无法折叠面板

2 个答案: