本篇文章给大家分享的是有关bootstrap是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
成都创新互联公司自2013年起,先为平川等服务建站,平川等地企业,进行企业商务咨询服务。为平川企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
网格系统的实现原理,是通过定义容器大小,平分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是什么,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
网页名称:bootstrap是什么
网页路径:http://scyingshan.cn/article/pdpiss.html