这几天把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

发表评论

电子邮件地址不会被公开。 必填项已用*标注