Estoy usando el complemento jQuery DataTables y Bootstrap en mi sitio de rieles. No puedo hacer que mi botón personalizado y otros elementos del encabezado de la tabla se aniden en la misma fila. Se apilan en lugar de estar en línea.

¿Alguna sugerencia para ponerlos a todos en la misma línea?

Aquí hay algunos de los JavaScript que he usado:

$(document).ready(function() {
  $('#products').DataTable( {
    dom: 'Blfrtip',
    buttons: [ {
      text: 'Pull my products',
      action: function ( e, dt, node, config ) {
        alert( 'Button activated' );
      }
    }]
  });
});