Upgrade Bootstrap

[benjaminfaure]

As I mentionned during our last meeting, at some point the roadmap code was running Bootstrap 4.
But it seems the version got reverted from 4 to 3 between Roadmap V2.2.1 and V3.0.0

https://github.com/DMPRoadmap/roadmap/blob/v2.2.1/package.json
https://github.com/DMPRoadmap/roadmap/blob/v3.0.0/package.json

The upgrade seems minimal (since it's been reverted to 3 without noticing :D ) but in Bootstrap 4 the dropdown menus are no longer "hoverable"

The latest version is 4.6.1

[briri]

Thanks for confirming this @benjaminfaure

[briri]

For the Bootstrap upgrade, we can probably refer to official guide (https://getbootstrap.com/docs/5.0/migration/) and (https://getbootstrap.com/docs/4.0/migration/) for the possible broken points

We should upgrade incrementally. For example upgrade to 4.x first and verify changes before moving to 5.x

[briri]

see if we can go directly to 5 or if going to 4 first is necessary

[johnpinto1]

@briri Following your advice, I have created a branch for @gjacob24 and I to play with moving straight to Bootstrap 5.
https://github.com/DMPRoadmap/roadmap/tree/issue_3144-bootstrap5-upgrade-dcc-glenys-john-preliminary-work

First commit just added packages that upgraded to Bootstrap 5 and commented out broken code in scss and javascript files.

issue_3144-bootstrap5-upgrade-dcc-glenys-john-preliminary-work

We will be using migration and sass docs here to fix and update code:
https://getbootstrap.com/docs/5.0/migration/
https://getbootstrap.com/docs/4.6/migration/
https://getbootstrap.com/docs/5.0/customize/sass/
https://designmodo.com/migrate-boo
https://designmodo.com/migrate-bootstrap-4/
https://designmodo.com/migrate-bootstrap-5/
http://upgrade-bootstrap.bootply.com/
https://medium.com/@lukaszholeczek/migration-from-bootstrap-3-to-bootstrap-4-4ec63a1dd8b1
https://www.web3canvas.com/convert-bootstrap-4-to-5-migration-guide/

[briri]

thanks @gjacob24 and @johnpinto1 that sounds like a good plan.