Bootstrap 3 Style problem

TechnoMan

Hello,

i just downloaded the latest DataTables Files and included them, into my bootstrap template.

It is working fine, with one problem. The style. It does not look like on the demo. I want it like that:

http://datatables.net/blog/Twitter_Bootstrap_2

But it looks like that:

http://i.epvpimg.com/3TOFd.png

How can i fix this? I have included the css and js file from the download, and also this files:

https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3

Thank you very much!

allan

Can you please link to your page: http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

Allan

TechnoMan

Unfortunately not since it's only on localhost. I had to remove the .css file from the original download to get the normal bootstrap design:

http://i.epvpimg.com/ywJNb.png

But what code do i need to add to get the select box and the input box to the correct position, and the normal design?

Thanks

allan

Without a link to a test case I can't say why the table doesn't 100% fill the container. It does in my demo case with the Bootstrap 3 files, so there must be some difference.

Regarding the styling of the select and input boxes, Bootstrap 3 changed their method of styling these components and it now requires a class to be set on them. Frustrating because DataTables doesn't currently have a method of doing that - something I will be adding very soon (likely tomorrow).

Allan

TechnoMan

Well, where can i set a margin for all the elemts? Every element would need a 16px margin.

Thanks

TechnoMan

A response would be nice.

Thank you very much.

allan

In you CSS you would add it to the relevant elements. What they are I cannot say without a test case.

Allan