什么是bootstrap栅格体系【css教程】,bootstrap栅格系统

什么是bootstrap栅格体系【css教程】,bootstrap栅格系统

栅格体系是Bootstrap中的中心,恰是由于栅格体系的存在,Bootstrap才有着云云壮大的相应式规划计划。

下面是官方文档中的说明注解:

Bootstrap 供应了一套相应式、挪动装备优先的流式栅格体系,跟着屏幕或视口(viewport)尺寸的增添,体系会自动分为最多12列。包含了用于简朴的规划选项的预定义类,也包含了用于生成更多语义规划的功能壮大的夹杂类。

我们来明白一下这一段话,能够发明个中最主要的部份就是挪动装备优先,那末什么是挪动装备优先呢?

Bootstrap的基本CSS代码默许从小屏幕装备(比方挪动装备、平板电脑)最先,然后运用媒体查询扩展到大屏幕装备(比方笔记本电脑、台式电脑)上的组件和网格。

有着以下战略:

内容:决议什么是最主要的。

规划:优先设想更小的宽度。

渐进加强:跟着屏幕大小增添而增加元素。

以上就是什么是bootstrap栅格体系的细致内容,更多请关注ki4网别的相干文章!

分享到 :