返回
頂部
頂部
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組建了一個在多種屏幕設備上的響應式網站。
文章標題：響應式網站制作之Bootstrap框架的使用
標題來源：
網站建設、網絡推廣公司-君君營銷，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有響應式網站等
