如何将Bootstrap Multiselect Checkbox和radiobox改为漂亮？

Question

我正在使用bootstrap multiselect插件。一个例子是http://www.bootply.com/cEjepVhvjg。

现在我想将多选框内的复选框和单选按钮的CSS样式更改为http://www.cssscript.com/demo/pretty-checkbox-radio-inputs-with-bootstrap-and-awesome-bootstrap-checkbox-css/

我该如何改变？我尝试了一些CSS更改，但没有奏效。

MyLibrarySabriEntity Entity = null;
MyLibraryTestEntity test = getMyLibraryTestEntity(matrixStartDate, matrixName);  // here I get the values of my entity test (parent)
    try {
        transaction.begin();
        for (int row = 0; row < 20; row++) {
            for (int col = 0; col < 20; col++) {
                double val = cells.get(row + FIRST_ROW, col + FIRST_COL).getDoubleValue();
                Entity = getMyLibrarySabriEntity(col, row, val); // this get the values of the Entity parameters (child)
                Entity.setSabriEntity(test);
                test.addEntitysabri(Entity);
                em.persist(test);
            }
        }


    } catch (Exception e) {
        if (transaction.isActive())
            transaction.rollback();
        LOGGER.warn(e.getMessage(), e);

    } finally {
        if (transaction.isActive())
            transaction.commit();
        em.close();

    }

由于