title: Datatable styling so bootstrap button appears on same row as other elements
body: <p>I'm using jQuery DataTables plugin and Bootstrap on my rails site. I can't get my custom button and other table header elements to nest in the same row, They are stacked instead of being inline.  </p>
  
  <p>Any suggestions to get them all on the same line? </p>
  
  <p>Here is some of the JavaScript I've used:</p>
  
  <pre><code>$(document).ready(function() {
    $('#products').DataTable( {
      dom: 'Blfrtip',
      buttons: [ {
        text: 'Pull my products',
        action: function ( e, dt, node, config ) {
          alert( 'Button activated' );
        }
      }]
    });
  });
  </code></pre>