使用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的。
最后帮朋友打个小广告