title: jQuery DataTable responsive doesnt work with Boostrap 3
body: <p>I am having problems with responsive layout when i use DataTable js plugin. It wont show it even if there is responsive: true. I tried to manipulate with css (white-space: nowrap) but that isnt solution. Here is the preview of code.</p>
  
  <p>HTML</p>
  
  <pre><code>    &lt;table id="example1" class="table table-bordered table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th class="no-sort"&gt;&lt;/th&gt;
              &lt;th&gt;Product&lt;/th&gt;
              &lt;th&gt;Product Category&lt;/th&gt;
              &lt;th&gt;Views&lt;/th&gt;
              &lt;th&gt;Average View Time&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="text-center"&gt;1&lt;/td&gt;
              &lt;td&gt;Accu-Pass Suture Shuttle&lt;/td&gt;
              &lt;td&gt;Suture Shuttle&lt;/td&gt;
              &lt;td&gt;1,500 views&lt;/td&gt;
              &lt;td&gt;8:38 minutes&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$('#example1').DataTable({
        responsive: true,
        columnDefs: [
            { targets: 'no-sort', orderable: false }
          ],
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": false,
        "autoWidth": true,
  
      });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/7mj5LLno/" rel="nofollow">Fiddle</a></p>