BI.createWidget({
    type: "bi.center_adapt",
    element: "#wrapper",
    items: [{
        type: "bi.left",
        items: [{
            type: "bi.label",
            height: 30,
            text: "Left-1",
            cls: "layout-bg1",
            hgap: 20
        }, {
            type: "bi.label",
            height: 30,
            text: "Left-2",
            cls: "layout-bg2",
            hgap: 20
        }],
        hgap: 20,
        vgap: 20
    }, {
        type: "bi.right",
        items: [{
            type: "bi.label",
            height: 30,
            text: "Right-1",
            cls: "layout-bg3",
            hgap: 20
        }, {
            type: "bi.label",
            height: 30,
            text: "Right-2",
            cls: "layout-bg4",
            hgap: 20
        }],
        hgap: 20,
        vgap: 20
    }]
});