Centering the header in Datatable v2.3.0

ankur20us

I started using Bootstrap version of the Datatable Plugin and I am unable to center the text of header using the text-center class of the bootstrap(included in v2.3.0, that just's center the text), although using the same code of css inside the style tag of the element works fine?
what is the problem?please shed some light?

[code]
//this is part
$('#tbl').dataTable({
"aoColumns" : [
{"bSortable" : false},
null,
null,
{"bSortable" : false},
{"bSortable" : false}
],
});






GaCode
Ga Phone
Distance
Address





Ankur
12345678
Distance
Address




Reva
12345678
Distance
Address




[/code]