Bootstrap responsive help

Hello, we are using datatables with bootstrap. We are using on bottom of our code:

<script src="//cdn.datatables.net/responsive/1.0.6/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>
 <script>
    $(document).ready(function() {
    var dtInstanceNew = $('#readbdbartikel').dataTable( 
    {
        "processing": true,
        "oLanguage": {
        "sProcessing": "",
        },
        "serverSide": true,
        "ajax": "server_processing.php"
    } );
    
    var inputSearchClass = 'datatable_input_col_search';
    var columnInputs = $('tfoot .'+inputSearchClass);

    // On input keyup trigger filtering
    columnInputs
      .keyup(function () {
          dtInstanceNew.fnFilter(this.value, columnInputs.index(this));
      });    
    
} );
    </script>

an that on table:

<table id="readbdbartikel" class="table table-striped table-hover dt-responsive" cellspacing="0" width="100%">

But I had no idea why it is not responive.

Could somebody help?