码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap网格系统

时间:2017-07-15 10:08:15      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:data   content   bootstra   宽度   响应   添加   tab   混合   渐进   

Bootstrap 官方文档中有关网格系统的描写叙述:

    Bootstrap 包括了一个响应式的、移动设备优先的、不固定的网格系统。能够随着设备或视口大小的添加而适当地扩展到 12 列。它包括了用于简单的布局选项的提前定义类,也包括了用于生成很多其它语义布局的功能强大的混合类。

    Bootstrap3是移动设备优先的,也就是Bootstrap代码从小屏幕设备開始,然后扩展到大屏幕上的组件和网格。

    移动设备优先策略

      内容:决定什么是最重要的

      布局:优先设计更小的宽度基础的 CSS 是移动设备优先,媒体查询是针对于平板电脑、台式电脑

    渐进增强:随着屏幕大小的添加而加入元素

    Bootstrap的网格系统会随着屏幕尺寸的添加,自己主动分为最多12列。   

1 1 1 1 1 1 1 1 1 1 1 1
4 4 4</

Bootstrap网格系统

标签:data   content   bootstra   宽度   响应   添加   tab   混合   渐进   

原文地址:http://www.cnblogs.com/ljbguanli/p/7181401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!