0
0
藏色散人
发布时间：2019-07-13 11:09:28
|8344人浏览过
|来源于php中文网
原创
网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。bootstrap框架中的网格系统就是将容器平分成12份。
bootstrap的原理是什么
bootstrap的实现原理
通过定义容器的大小，平分为12份（也有24份，23份的，取12份是一打，表示进阶完美的意思），再调整内外边距，最后结合媒体查询，制作出了强大的响应式网格系统。(可以通过重新编译LESS码源来修改12这个数值)。
1.数据行(.row)必须包含在容器(.container)中，以便赋予合适的对其方式和内边距(padding)。
2.在行(.row)中可以添加列(.column)，但列数之和不能超过平分的总列数，比如：12.
3.通过设置内边距(padding)从而创建列于列之间的间距。然后通过为第一列和最后一列设置负值的外距(margin)来抵消内距(padding)的影响。
4.不希望相邻的两个列紧靠近在一起，就用offset功能来实现。
相关推荐：《bootstrap教程》
相关文章
bootstrap抽样验证线性假设的方法
bootstrap法在生存分析中的应用实例
Stata中Bootstrap结果的统计显著性判断
bootstrap法计算模型R方的置信区间
bootstrap抽样用于模型比较的详细流程
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容，供大家免费下载体验。
202
2023.10.12
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。
9
2026.01.23
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
