ブートストラップ - データターゲットが携帯端末で機能しない折りたたみボタン

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が、何をしようと試みました。私は同じ結果を得る。

Answer 1

問題はCSSにありました。前のdivで私はcss浮動小数点で持っていた：左;その代わりにdisplay：inline-blockを入れました。問題は修正されました。

なぜ私はその理由が混乱しているのですか？

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>