首页 >web前端 >css教程 > 正文

什么是bootstrap栅格系统

原创2019-06-01 10:17:510849
phpstudy集成环境下载

栅格系统是Bootstrap中的核心,正是因为栅格系统的存在,Bootstrap才能有着如此强大的响应式布局方案。

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

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。包含了用于简单的布局选项的预定义类,也包含了用于生成更多语义布局的功能强大的混合类。

我们来理解一下这一段话,可以发现其中最重要的部分就是移动设备优先,那么什么是移动设备优先呢?

Bootstrap的基础CSS代码默认从小屏幕设备(比如移动设备、平板电脑)开始,然后使用媒体查询扩展到大屏幕设备(比如笔记本电脑、台式电脑)上的组件和网格。

有着如下策略:

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

布局:优先设计更小的宽度。

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

以上就是什么是bootstrap栅格系统的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:bootstrap栅格系统
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • BootStrap插件讲解视频教程BootStrap插件讲解视频教程
  • Bootstrap 4 中文开发手册Bootstrap 4 中文开发手册
  • Bootstrap响应式网页布局篇Bootstrap响应式网页布局篇
  • 视频教程分类