TLingC's Zone
TLingC's Zone
Bootstrap升级到v4的一些变动记录

这几天把GSNET网站的Bootstrap框架升到了v4,这里记录一下升级的一些变动:
1. navbar需要重写
2. panel被card取代,以下css有变更:

panel->card
panel-heading->card-header
panel-body->card-body
3. panel默认没有margin了,需要自己用class mt-* / mb-解决
4. pagination组件变更,也要重写
5. tab组件变更,要重写。另外还需要引个popper.js:
https://unpkg.com/popper.js/dist/umd/popper.min.js
6. 不同于以前的panel,给card设置danger success等样式,整个card都会变色,如果要用以前panel仅header变色,需要给card-header设置bg-

7. alert要在最后一个子标签加个mb-0,否则上下margin不同
8. form-group的label现在在form-control的上面了,需要重写class
9. label变成了badge

赞赏
首页      开发      Bootstrap升级到v4的一些变动记录

发表评论

textsms
account_circle
email

TLingC's Zone

Bootstrap升级到v4的一些变动记录
这几天把GSNET网站的Bootstrap框架升到了v4,这里记录一下升级的一些变动: 1. navbar需要重写 2. panel被card取代,以下css有变更: panel->card panel-heading->card-header pa…
扫描二维码继续阅读
2018-06-03
标签
功能