ppwjs之bootstrap網格系統(1)
阿新 • • 發佈:2018-12-10
//程式開始 引入(_sys_bootstrap4_addr + ".js",$真); 引入(_sys_bootstrap4_grid_addr + ".js",$真); var 測試網格=bootstrap4.網格類.建立(2,3); 測試網格.置單元格資料(0,0,"單元格:第1行,第1列"); 測試網格.置單元格樣式(0,0,"background-color:red;"); 測試網格.置單元格列寬配置(0,0,$bootstrap.列_移動_3,$bootstrap.列_平板_2,$bootstrap.列_桌面_3,$bootstrap.列_大桌面_4); 測試網格.置單元格資料(0,1,"單元格:第1行,第2列"); 測試網格.置單元格樣式(0,1,"background-color:yellow;"); 測試網格.置單元格列寬配置(0,1,$bootstrap.列_移動_5,$bootstrap.列_平板_2,$bootstrap.列_桌面_3,$bootstrap.列_大桌面_4); 測試網格.置單元格資料(0,2,"單元格:第1行,第3列"); 測試網格.置單元格樣式(0,2,"background-color:lavender;"); 測試網格.置單元格列寬配置(0,2,$bootstrap.列_移動_4,$bootstrap.列_平板_8,$bootstrap.列_桌面_6,$bootstrap.列_大桌面_4); 測試網格.置單元格資料(1,0,"單元格:第2行,第1列"); 測試網格.置單元格樣式(1,0,"background-color:green;"); 測試網格.置單元格列寬配置(1,0,$bootstrap.列_移動_3,$bootstrap.列_平板_2,$bootstrap.列_桌面_3,$bootstrap.列_大桌面_4); 測試網格.置單元格資料(1,1,"單元格:第2行,第2列"); 測試網格.置單元格樣式(1,1,"background-color:white;"); 測試網格.置單元格列寬配置(1,1,$bootstrap.列_移動_5,$bootstrap.列_平板_2,$bootstrap.列_桌面_3,$bootstrap.列_大桌面_4); 測試網格.置單元格資料(1,2,"單元格:第2行,第3列"); 測試網格.置單元格樣式(1,2,"background-color:blue;"); 測試網格.置單元格列寬配置(1,2,$bootstrap.列_移動_4,$bootstrap.列_平板_8,$bootstrap.列_桌面_6,$bootstrap.列_大桌面_4); 加到主體(測試網格);