bootstrap的实现原理是什么

这篇文章将为大家详细讲解有关bootstrap的实现原理是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

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

bootstrap的实现原理

通过定义容器的大小，平分为12份（也有24份，23份的，取12份是一打，表示进阶完美的意思），再调整内外边距，最后结合媒体查询，制作出了强大的响应式网格系统。(可以通过重新编译LESS码源来修改12这个数值)。

1.数据行(.row)必须包含在容器(.container)中，以便赋予合适的对其方式和内边距(padding)。

2.在行(.row)中可以添加列(.column)，但列数之和不能超过平分的总列数，比如：12.

3.通过设置内边距(padding)从而创建列于列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响。

4.不希望相邻的两个列紧靠近在一起，就用offset功能来实现。

关于“bootstrap的实现原理是什么”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。