bootsrtap intervene with datatable css

bootsrtap intervene with datatable css

using datatables only
<div class="dataTables_scroll">
<div class="dataTables_scrollHead" style="overflow: hidden; position:
relative; border: 0px none; width: 100%;">
<div class="dataTables_scrollHeadInner" style="width: 7548px;
padding-right: 17px;">
<table class="display dataTable" cellspacing="0" cellpadding="0"
border="0" style="margin-left: 0px; width: 7548px;">



After using bootstrap
<div class="dataTables_scroll">
<div class="dataTables_scrollHead" style="overflow: hidden; position:
relative; border: 0px none; width: 7565px;">
<div class="dataTables_scrollHeadInner" style="width: 4401px;
padding-right: 17px;">
<table class="display dataTable" cellspacing="0" cellpadding="0"
border="0" style="margin-left: 0px; width: 4401px;">
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 ? Thanks !!!