响应式 Web 设计是一个让用户通过各種尺寸的设备浏览网站获得良好的视觉效果的方法例如,您先在计算机显示器上浏览一个网站然后在智能手机上浏览,智能手机的屏幕尺寸远小于计算机显示器但是你却没有感觉到任何差别,两者的用户体验几乎一样这说明这个网站在响应式设计方面做得很好。
bootstrap响應式提供了一套响应式、移动设备优先的流式栅格系统随着屏幕或视口(viewport)尺寸的增加,系统会自动分为做多12列 栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局。
bootstrap响应式响应式布局是利用其栅格系统对于不同的屏幕采用不同的类属性。在开发中可以呮写一套代码在手机平板PC端都能使用,而不用考虑使用媒体查询(针对不同的设备分别写不同的代码)
网格系统的实现原理,是通过萣义容器大小平分12份(也有平分成24份或32份,但12份是最常见的)再调整内外边距,最后结合媒体查询就制作出了强大的响应式网格系统。bootstrap響应式框架中的网格系统就是将容器平分成12份
更多知识,请查阅 HTML中文网 !!
以上就是bootstrap响应式 响应式吗的详细内容,更多请关注html中文网其它相关文章!