부트 스트랩 - 모바일 장치에서 데이터 대상이 작동하지 않는 접기 버튼

Question

데이터 대상이있는 부트 스트랩 축소 버튼을 데스크톱에서 사용하고 있지만 모바일 장치에서 작동하지 않습니다.

HTML :

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 

 
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> 
 
    Button with data-target 
 
</button> 
 
<div class="collapse" id="collapseExample"> 
 
    <div class="well"> 
 
    ... 
 
    </div> 
 
</div>

나는 JQuery와 1.11.1을 사용하고 내가 또한 버전 1.9.1하지만 아무것도 tryed. 나는 같은 결과를 얻는다.

Answer 1

문제는 CSS에 있습니다. 이전 div에서 나는 css float : left; 대신에 display : inline-block; 문제가 해결되었습니다.

왜 그 이유는 그 CSS 문제는 혼란 스러웠습니다.

Answer 2

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> 
    Button with data-target 
    </button> 
<div class="collapse" id="collapseExample"> 
    <div class="card card-block"> 
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. 
    </div> 
</div>