使用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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。