Layout with Bootstrap5

Layout with Bootstrap5

KompetenzfroschKompetenzfrosch Posts: 5Questions: 3Answers: 0

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

Answers

  • allanallan Posts: 63,441Questions: 1Answers: 10,459 Site admin
    edited February 29

    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

  • KompetenzfroschKompetenzfrosch Posts: 5Questions: 3Answers: 0

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

  • allanallan Posts: 63,441Questions: 1Answers: 10,459 Site admin

    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

  • KompetenzfroschKompetenzfrosch Posts: 5Questions: 3Answers: 0

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

Sign In or Register to comment.