Layout with Bootstrap5

Kompetenzfrosch

Link to test case: https://live.datatables.net/zeyugado/3/
Debugger code (debug.datatables.net): None
Error messages shown: None
Description of problem: For some reason, the layout doesn't apply to my info, paging, and pageLength

allan

lol! That took me a good 5 minutes. There is typo in:

<csript src="https://cdn.datatables.net/2.0.1/js/dataTables.bootstrap5.min.js"></script>

Note the name of the opening tag . It should be script.

edit Link with fixed typo: https://live.datatables.net/zeyugado/4/edit .

Allan

Kompetenzfrosch

Ah, thank you!
However, I am still wondering why the info is not centered?

allan

It is when small, but the default is to left align when large. Use:

div.dt-info {
  text-align: center;
}

if you want it always centred.

Allan

Kompetenzfrosch

Thank you! Would there also be a possibility to have three objects (info, paging, pageLength) on the same row?