使用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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
posted on 2019-08-25 18:38  qqhfeng16  阅读(655)  评论(0编辑  收藏  举报