title: Datatables buttons not showing for Bootstrap example
body: <p>Any idea why the buttons (csv, excel, pdf, print etc) are not showing when using this code for bootstrap?</p>
  
  <p><a href="https://datatables.net/extensions/buttons/examples/styling/bootstrap4.html" rel="noreferrer">https://datatables.net/extensions/buttons/examples/styling/bootstrap4.html</a></p>
  
  <p>I have this for styles:</p>
  
  <pre><code>&lt;link href="//stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;link href="//cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet"&gt;
  &lt;link href="//cdn.datatables.net/buttons/1.5.6/css/buttons.bootstrap4.min.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>This for scripts:</p>
  
  <pre><code>&lt;script src="//code.jquery.com/jquery-3.4.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="//stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.bootstrap4.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"&gt;&lt;/script&gt;
  &lt;script src="//cdn.datatables.net/buttons/1.5.6/js/buttons.colVis.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And this JS:</p>
  
  <pre><code>$(document).ready(function(){
    var table = $('#reminders').DataTable({
      "lengthMenu": [[50, 100, 1000, -1], [50, 100, 1000, "All"]],
      "initComplete": function(){ 
        $("#reminders").show(); 
      },
      buttons: ['copy', 'csv', 'excel', 'pdf', 'print', 'colvis']
    });
    table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' );
  });
  </code></pre>
  
  <p>But the buttons are not showing... If I uncomment the dom and use Blfrtip the buttons do show, but I am curious as why the method in the example (without dom) isn't working...</p>