首页 / 知识
什么是 Bootstrap 网格系统？
2023-04-11 16:29:00
什么是网格（Grid）？
摘自维基百科：
在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中，它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。
简单地说，网页设计中的网格用于组织内容，让网站易于浏览，并降低用户端的负载。
什么是 Bootstrap 网格系统（Grid System）？
Bootstrap 官方文档中有关网格系统的描述：
Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。
让我们来理解一下上面的语句。Bootstrap 3 是移动设备优先的，在这个意义上，Bootstrap 代码从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格。
移动设备优先策略
内容
决定什么是最重要的。
布局
优先设计更小的宽度。
基础的 CSS 是移动设备优先，媒体查询是针对于平板电脑、台式电脑。
渐进增强
随着屏幕大小的增加而添加元素。
响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。
|
最新内容
相关内容
为何你的Python代码应是扁平与稀疏
为何你的Python代码应是扁平与稀疏的，代码，培训，信息，观察，设计，工具，嵌套，闻闻，程序员，沉思，Python之禅之所以得名，正是由于它那简明扼要的规
Python之__init__和__new__的区别
Python之__init__和__new__的区别是什么，工厂，设计，代码，生产，函数，灵活，培训，对外，实例，模式，真假构造函数如果你去面试Python工程师的岗位，
python操作系统接口模块：OS
python操作系统接口模块：OS，管理，工作，工具，系统，服务，培训，模块，文件，目录，函数，OS模块提供了很多与操作系统进行交互的函数，比如常见的使用函
文本处理用c还是用python
文本处理用c还是用python，位置，培训，包装，对比，字符串，函数，文本，语言，字符，效率，文本处理python与c的对比：如下c++语言：C++语言实现C++中没有
python3标识符是什么?
python3标识符是什么?，数字，培训，名字，标识符，开头，代表，函数，大小写，变量，结尾，python中的标识符是用于识别变量、函数、类、模块以及其他对
python实现报表用什么?
python实现报表用什么?，工具，工作，培训，报表，内容，参数，语言，终端，矩阵，语句，python中可以使用xlwt与xlrd库读写Excel报表。xlwtPython语言中
机器学习用java还是python?
机器学习用java还是python?，分析，环境，数据，培训，发展，机器，结果，控制台，生态环境，有用，机器学习用python更合适。机器学习不需要面向对象，不
python是解释型吗?
python是解释型吗?，工作，平台，培训，解释性，虚拟机，语言，高层次，源码，脚本语言，之前，python是一种跨平台的计算机程序设计语言。是一个高层次
python怎么判断文档是否有指定后缀
python怎么判断文档是否有指定后缀?，培训，后缀，文档，文件夹，路径，以上，文件，方法，更多，内容，python判断文档是否有指定后缀的方法：importosYoupython什么时候加self?
python什么时候加self?，培训，变量，方法，作用，参数，示例，函数，实例，前面，下面，想要知道python什么时候加self就需要知道self的作用。下面我们实数是不是python的数据类型?
实数是不是python的数据类型?，数字，标准，培训，实数，数据类型，数轴，复数，有限小数，无理数，虚数，实数是python的数据类型。实数，是有理数和无理
python判断xml是否存在某一节点?
python判断xml是否存在某一节点?，数据，培训，节点，方法，结果，表达式，长度，以上，更多，内容，python中判断xml是否存在某一节点的方法：使用selectN