使用bootstrap-paginator.js分页组件时，根据github上的demo，需要引入下列css:
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
但是引入bootstrap-combined.min.css后，发现和bootstrap.css中的一些样式冲突了，导致页面显示不正常。
打开bootstrap-paginator.js，搜索bootstrapMajorVersion, 将: bootstrapMajorVersion2,改为bootstrapMajorVersion: 3,
同时使用ul来标记分页控件：
<ul class="pagination" id="paginator"></ul>
这时候移除bootstrap-combined.min.css即可，使用bootstrap 3就可以了。
bootstrap-combined.min.css是针对bootstrap 2的。
最后打个小广告，闲着没事东拼西凑了个小程序（好多妹子奥??），闲着无聊的小伙伴帮我扫扫凑凑人数哈：
作者：忧郁的小码仔
链接：https://www.jianshu.com/p/b0764a5200af
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
原文地址：https://www.cnblogs.com/qqhfeng/p/11408814.html
时间： 2024-10-10 09:44:40