bootsrtap intervene with datatable css

beebek

#using datatables only






--------------------------------------------------------------------------------------------------------
#After using bootstrap





--------------------------------------------------------------------------------------------------------

So I had to revert back the previous css. I also need bootstrap since there are other css that depends upon it, but bootstrap also changed the datatables CSS. Temporary solution was

$('.dataTables_scrollHead').css('width','100%');
$('.dataTables_scrollHeadInner').css('widht','7548');
$('.dataTable, .display').css('width','7548');

Is there any solution so that bootstrap wont touch my table CSS ?
http://stackoverflow.com/questions/18649430/bootsrtap-intervene-with-datatable-css
Thanks !!!