data table bootstrap not lining up when dom: used

loki0609

Everything looks great if i use the defaults, but if i want to add buttons and use the dom attribute to specify which controls should show, the controls no longer show on the same line but on different lines.

Example: Just using the default it lines up nicely like this: http://screencast.com/t/QKT5E8Qs

but if i add buttons and declare
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'print'
]
All of the controls are now on their own line like this:
http://screencast.com/t/B8PQr2gC10A

How would i go about getting them lined up nicely like the default shows