Table with Bootstrap v4 alpha-6 broken. What's my mistake?
Table with Bootstrap v4 alpha-6 broken. What's my mistake?
Anon_23819478
Posts: 2Questions: 1Answers: 0
I just implemented DataTables in my website, but the design is broken. Would someone please look at my table here?
http://live.datatables.net/focaboto/1/edit
Basically everything in <head> and all the scripts on the bottom of the page cannot be changed, except for what is marked with "< !-- DataTables -- >" is freely editable.
What's the problem here?
Ps, I used the download builder to create a CDN link. Since I already use jQuery and Bootstrap, I choose
jQuery: No jQuery
Styling: Bootstrap, no styling library (I already am using bootstrap)
DataTables: DataTables
I didn't change any other settings.
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
You are getting a mix of the DataTables Bootstrap 3 and 4 styling files (the v3 files are coming from the DataTables CDN). The download builder doesn't yet support Bootstrap 4 since it is still in alpha, so you need to include the files individually: http://live.datatables.net/focaboto/2/edit
Allan
Great, thank you very much.