Bootstrap - Minimieren-Schaltfläche mit Daten Ziel funktioniert nicht auf mobilen Geräten

Question

Verwenden der Bootstrap-Minimierungsschaltfläche mit Daten Ziel funktioniert auf dem Desktop, aber es funktioniert nicht auf mobilen Geräten.

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>

Ich bin mit jquery 1.11.1 und ich habe versucht auch Version 1.9.1 aber nichts. Ich bekomme die gleichen Ergebnisse.

Answer 1

Das Problem war in CSS. Im vorherigen div hatte ich in css float: links; und stattdessen stelle ich display: inline-block; und das Problem wurde behoben.

Das CSS-Problem verwirrt mich warum war das der Grund.

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>