2013-11-27 2 views
0

아코디언에서 부트 스트랩 단추 그룹이 제대로 작동하지 않습니다. 여기아코디언에서 부트 스트랩 단추 그룹이 제대로 작동하지 않습니다.

<div class="panel-body"> 
     <label>Group Item #1 content</label> 
     <div class="btn-group" data-toggle="buttons"> 
     <button type="button" class="btn btn-default active">Left</button> 
     <button type="button" class="btn btn-default">Middle</button> 
    </div> 
</div> 

내이 jsfiddle

+0

당신은 의미에 대해 생각입니까? 피들 : http://jsfiddle.net/rRZd9/1/ – equisde

+0

예. 켜기/끄기 상태가 작동하지 않습니다. – NkS

답변

0

나는 이것이 그들이 표시되지 않습니다 또는 오작동을 가지고 그것을

<div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
     <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
      Collapsible Group Item #1 
     </a> 
     </h4> 
    </div> 
    <div id="collapseOne" class="panel-collapse collapse in"> 
     <div class="panel-body"> 
<div class="btn-group"> 
      <button type="button" class="btn btn-default">ON</button> 
      <button type="button" class="btn btn-default">OFF</button> 
     </div> 
     </div> 
    </div> 
    </div> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
     <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 
      Collapsible Group Item #2 
     </a> 
     </h4> 
    </div> 
    <div id="collapseTwo" class="panel-collapse collapse"> 
     <div class="panel-body"> 
<div class="btn-group"> 
      <button type="button" class="btn btn-default">ON</button> 
      <button type="button" class="btn btn-default">OFF</button> 

     </div> 
    </div> 
    </div> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
     <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> 
      Collapsible Group Item #3 
     </a> 
     </h4> 
    </div> 
    <div id="collapseThree" class="panel-collapse collapse"> 
     <div class="panel-body"> 
<div class="btn-group"> 
      <button type="button" class="btn btn-default">ON</button> 
      <button type="button" class="btn btn-default">OFF</button> 

     </div> 
    </div> 
    </div> 
</div> 

Fiddle

관련 문제