1. 程式人生 > >ppwjs之bootstrap網格系統(1)

ppwjs之bootstrap網格系統(1)

//程式開始
引入(_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);
加到主體(測試網格);