Filter, length and button controls wont be on one line together

Worthy7

https://datatables.net/examples/advanced_init/dom_multiple_elements.html

I cannot understand why this is not working. I THINK it might be related to bootstraps code but i cannot actually see "row" being applied anyway on the rows. For some reason each of these elements (no matter how much i try to force them together) do not want to just sit together on one row. This is the best I have got

'<"searcharea col-md-5"f> <"col-md-2" l> <"exportButtons col-md-5"B> <"col-md-12"t><"col-md-6"i><"col-md-6"p>',

But I want the Length control to sit nicely next to the filter/search control. If I do this

'<"searcharea col-md-7"fl> <"exportButtons col-md-5"B> <"col-md-12"t><"col-md-6"i><"col-md-6"p>',

then it puts the F and L together but on new lines on the left, then the Button controls on the right! It's driving me insane.