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

创新互联公司专注骨干网络服务器租用10年，服务更有保障！服务器租用，成都西信服务器托管 成都服务器租用，成都服务器托管，骨干网络带宽，享受低延迟，高速访问。灵活、实现低成本的共享或公网数据中心高速带宽的专属高性能服务器。

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

bootstrap优缺点：

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

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

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

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

缺点：

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

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

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

本文名称：bootstrap的原理分析
文章源于：http://myzitong.com/article/jeeihg.html