Datierbares Styling, so dass die Bootstrap-Schaltfläche in derselben Zeile wie andere Elemente angezeigt wird

Ich verwende das jQuery DataTables-Plugin und Bootstrap auf meiner Rails-Site. Ich kann meine benutzerdefinierte Schaltfläche und andere Elemente der Tabellenüberschrift nicht in derselben Zeile verschachteln. Sie werden gestapelt, anstatt inline zu sein.

Vorschläge, um sie alle auf die gleiche Linie zu bringen?

Hier ist ein Teil des von mir verwendeten JavaScript:

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

Antworten auf die Frage(8)

Ihre Antwort auf die Frage