Dom Elements - Don't share row

jsimmonds

Hello everyone,

I have a question about DataTables - My dom elements don't share a row with each other above/below the table. I am currently using the Bootstrap 3 style. Is there any way to correct or troubleshoot this? I am fairly un-knowledgeable of html5/css/and front end so any help of where to start would be great. I understand in typically bootstrap I would configure these together with a container? But I am unsure of how to arrange something within the per-configured files provided for styles.

Attached is what the table looks like:

https://i.imgur.com/zg8k12W.png

colin

Hi @jsimmonds ,

The best bet would be to compare your code with the example on this site. This is using Bootstrap 3 and shows the elements in the DOM all nicely aligned. You can see the CSS being used on the CSS tab so that should get you going.

Cheers,

Colin