Bootstrap with DataTable integration design issue PHP

Bootstrap with DataTable integration design issue PHP

kimz2001kimz2001 Posts: 1Questions: 0Answers: 0
edited March 2014 in General
I'm using latest version of twitter bootstrap v.3.1.1 (http://getbootstrap.com/) and integrating the same with dataTables (https://datatables.net/blog/Twitter_Bootstrap_2)

The files and versions are as follows:

bootstrap.css - v.3.1.1
bootstrap.min.js - v.3.1.1
jquery.dataTables.js - v.1.9.4
DT_bootstrap.js - Not given
If I use the above file, the pagination, search and sorting are working fine. But the design is shuffled (i.e search box, page numbers etc.. are looking ugly without any style applied).

I can over-come the design issues if I change the bootstrap.css-v.3.1.1 to bootstrap.min.css-v.2.3.2 but my header, footer and other designs are getting collapsed.

When I analyzed both the css i.e. 3.1.1 and 2.3.2 - I came to know that many class files are missing in 3.1.1. The one such missing class files are .span6(and still there are lot more) from my knowledge.

Now, How to fix the design issue or where shall I find the udpated one.

Have anyone came across this issue?

Thanks, Kimz

Replies

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    For bootstrap 3 integration please refer to http://next.datatables.net/manual/styling/bootstrap

    Allan
This discussion has been closed.