bootstrap-combined.min.css 与 bootstrap.css冲突

Posted 2022-08-26 qqhfeng

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