DevsDawn
DevsDawn

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

若无特别说明,本文采用 CC BY-SA 4.0 协议进行许可。如需转载,请附上本文链接和本声明。
本文链接:https://devsdawn.com/2018/06/bootstrap%e5%8d%87%e7%ba%a7%e5%88%b0v4%e7%9a%84%e4%b8%80%e4%ba%9b%e5%8f%98%e5%8a%a8%e8%ae%b0%e5%bd%95/
DigitalOcean云服务,美国上市公司,注册即送200USD体验金
Vultr云服务,全球25+地域,注册即送100USD体验金

发表回复

textsms
account_circle
email

DevsDawn

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