首页 > 代码库 > Bootstrap网格系统
Bootstrap网格系统
Bootstrap 官方文档中有关网格系统的描写叙述:
Bootstrap 包括了一个响应式的、移动设备优先的、不固定的网格系统。能够随着设备或视口大小的添加而适当地扩展到 12 列。它包括了用于简单的布局选项的提前定义类,也包括了用于生成很多其它语义布局的功能强大的混合类。
Bootstrap3是移动设备优先的,也就是Bootstrap代码从小屏幕设备開始,然后扩展到大屏幕上的组件和网格。
移动设备优先策略
内容:决定什么是最重要的布局:优先设计更小的宽度,基础的 CSS 是移动设备优先,媒体查询是针对于平板电脑、台式电脑
渐进增强:随着屏幕大小的添加而加入元素
Bootstrap的网格系统会随着屏幕尺寸的添加,自己主动分为最多12列。
1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
4 | 4 | 4</ |
Bootstrap网格系统
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。