Bootstrap 4 Styling Not Working

Bootstrap 4 Styling Not Working

AmericanTextileAmericanTextile Posts: 4Questions: 1Answers: 0

Hi there, I am currently attempting to follow and use the Bootstrap 4 Example from the documentation. It seems like there may be an issue with one of the JavaScript files potentially causing the buttons to not display at all for DTE.

However, when using the Bootstrap 3 Example, everything works 100% as intended. Some research into the issue was done, and it looks like there may potentially be an issue with one JavaScript file in the Bootstrap 4 code.

The following BS3 example works 100 correctly...

https://editor.datatables.net/examples/styling/bootstrap.html

However, swapping the JS & CSS files from the BS4 example in from...

https://editor.datatables.net/examples/styling/bootstrap4.html

The buttons for DTE no longer display. It seems like everything works as intended, up until the following file is added:

https://cdn.datatables.net/1.10.17/js/dataTables.bootstrap4.min.js

If this file is left out, the buttons display correctly but some formatting is messed up. Once added,the formatting is fixed but the buttons no longer display. I am not sure if there is something incorrect in this JS file? Like mentioned, everything works 100% correct in the BS3 example.

Thank you!

Answers

This discussion has been closed.