将Bootstrap折叠按钮与数据目标一起使用在台式机上可用,但在移动设备上不可用。
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版本,但是什么也没有。我得到相同的结果。
问题出在css中。在上一个div中,我在css float中:left; 而不是我放display:inline-block; 并解决了问题。
那个CSS问题使我感到困惑,这是为什么。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句