bootstrap的原理分析

这篇文章主要介绍了bootstrap的原理分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。

bootstrap优缺点：

1.bootstap最近发布了bootstrap4，拥有了box-flex布局等更新，紧跟最新的WEB技术的发展

2.比较成熟，在大量的项目中充分的使用和测试

3.拥有完善的文档，使用起来更方便

4.有大量的组件样式，接受定制

缺点：

1.如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风格”的样式存在，那么你就需要做大量的CSS重写，因此也就失去了使用框架的意义。

2.会有兼容问题，虽然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，势必导致加载速度变慢，影响用户体验。

感谢你能够认真阅读完这篇文章，希望小编分享的“bootstrap的原理分析”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网node.js频道，更多相关知识等着你来学习!