how to upgrade the datatables form default styling to bootstrap

I am using datatable and editor with datatables default styling.
But now I want to change it to bootstrap styling, but I cant figure out a simple way to do it. Can u please let me know how can this be achieved ?

I am loading the JS & CSS in the below order

    'web/js/builder/popper.min.js',
    'web/js/builder/datatables.min.js',
    'web/js/builder/dataTables.responsive.min.js',
    'web/js/builder/vfs_fonts.js',
    'web/js/builder/select2.min.js',
    'web/js/builder/editor.title.js',
    'web/js/builder/dataTables.checkboxes.min.js',
    'web/js/bootstrap.min.js',

CSS :

    'web/css/builder/datatables.css',
    'web/css/builder/responsive.dataTables.min.css',
    'web/css/builder/select2.min.css',
    'web/css/builder/custom.plugin.css',
    'web/css/bootstrap.min.css',
    'web/css/jquery-ui.min.css',
    'web/css/font-awesome.min.css'

Datatables version :
* jQuery 3 3.3.1, JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Editor 1.7.4, AutoFill 2.3.0, Buttons 1.5.2, Column visibility 1.5.2, Flash export 1.5.2, HTML5 export 1.5.2, Print view 1.5.2, ColReorder 1.5.0, FixedColumns 3.2.5, FixedHeader 3.1.4, KeyTable 2.4.0, Responsive 2.2.2, RowGroup 1.0.3, RowReorder 1.2.4, Scroller 1.5.0, Select 1.2.6

Regards