Problem with Responsiveness - SearchBar (Bootstrap & Datatables)

Wotan

Hello,

I have started to implement Datatables in a project.
My Project is based on Bootstrap 3.
I have build up a package with the necessary files on the datatables download-page and created a simple datatable based on the docs. Everything works fine, but I have a problem with responsiveness. Have a look at the attached screenshot:

As you see. the search-bar has problems.

The table has the following HTML:

<

table width="100%" class="table table-striped table-bordered dt-responsive table-condensed table-hover" id="event_history" cellspacing="0"> .......

The table has the following JS:

var table = $('#event_history').DataTable({
responsive: true,
colReorder: true,
lengthChange: true,
"order": [[ 0, "desc" ]],
});

Perhaps somebody can help me to solve this.

Thank you!