Bootstrap 2.0.3 causing layout issues

dfgrumpy

The paging bar and the show x entries bars are out of place using bootstrap 2.0.3. From what I can tell it is caused by the added class=row to their container div. Removing this row class positions them correctly.

allan

Hi,

Could you possibly link me to an example which shows the problem? My example integration of DataTables with Bootstrap appears to work no problem with v2.0.3 of Bootstrap: http://datatables.net/media/blog/bootstrap_2/ .

Thanks
Allan

ampedtwiz

Allan,

I noticed in your example integration with Bootstrap 2.0.3, your linked Bootstrap CSS file does not have the media queries in it at the very bottom of the file. Did you manually remove those or do a custom build before you downloaded the latest release?

I was trying to follow your instructions for integrating DataTables with Bootstrap 2, on this page:

http://datatables.net/blog/Twitter_Bootstrap_2

I may have missed it but I did not see you make any mention of avoiding the media queries that are in the latest release by default. It definitely wreaks havoc (completely hides columns) on the DataTables layout when one resizes their browser to smaller widths.

Once I removed the media queries in the Bootstrap 2.0.3 CSS file, all was well for me. I thought you might add a mention of this for others that attempt the integration.

allan

The bootstrap CSS using in my demo is being pulled in from the Bootstrap Github account: http://twitter.github.com/bootstrap/assets/css/bootstrap.css . So no modifications at all from me.

Allan