How to align elements in the DOM?

I am using Bootstrap4 and my dom looks like this...

dom: "<'row dom_wrapper fh-fixedHeader'B<'col-sm col-md'>i<'col-sm col-md'>l<'col-sm col-md'>f<'col-sm col-md'>p>" +
    "<'row'<'col-sm col-md'tr>>" +
    "<'row'<'col-sm col-md'i><'col-sm col-md'>p>",

I am trying to get the length, filter and paging to align in the middle so it is even with the information element. How can I accomplish this?