在照应式网站中哄骗bootstrap的哄骗率是极大的,很多开拓者都在哄骗它。那boosttrap的优势是甚么了?在boosttrap出现前有很多网站的页面排版定名频频、庞杂、无意义,技俩频频、冗余、不标准、和睦谐,
响应式网站公司,页面庞杂、不标准、和睦谐,而boosttrap出现后各种定名都同一并且标准化,页面气势派头同一,画面和谐。
Bootstrap的核心是栅格琐细,Bootstrap 供给了一套照应式、挪动设备优先的流式栅格琐细,跟着屏幕或视口(viewport)尺寸的增添,琐细会自动分为最多12列。它包括了易于哄骗的预界说类。
摆列如图:
栅格参数如图:
栅格琐细是颠末一系列的行(row)与列(column)的组合来组建页面组织的,Bootstrap 必要为页面内容和栅格琐细包裹一个.container容器。Bootstrap供给了两个容器类(.container和.container-fluid),而这两种容器类不克不及互相嵌套。
如图:
当屏幕宽度大于和即是1200px时.Bootstrap哄骗.col-lg-的类来组建页面组织,当屏幕宽度大于和即是992px时.Bootstrap哄骗.col-md-的类来组建页面组织,当屏幕宽度大于和即是768px时.Bootstrap哄骗.col-sm-的类来组建页面组织,当屏幕宽度小于768px时.Bootstrap哄骗.col-sm-的类来组建页面组织,颠末这些照应式的类Bootstrap组建了一个在多种屏幕设备上的照应式网站。