Bootstrap 5 Transition

[romano-w]

Checking through Bootstrap 5 for compatibility with the current pipeline and tools as a replacement for Bootstrap 3. This issue is was migrated from Bitbucket. The notes for compatibility and differences when I researched it are:

Relevant features and differences:

• 5 does not include jQuery and instead has vanilla JS with some plugins (we could use React or Vue instead of jQuery if we want).
• No IE 10 and 11 support.
• Consistent look across platforms (especially with form controls), more colors, comes with icons.
• CSS utilities (can add custom ones with Sass).
• Improved grid system.
• New components such as offcanvas (making sidebars off the screen that can transition in), accordion, floating labels, etc.
• 5 uses Hugo instead of Jekyll software (probably a good thing).

Some reasons to NOT switch:

• Needing to maintain IE support.
• Sticking with jQuery and not needing new Bootstrap 5 features.

Reasons to switch include:

• If we want to use React or Vue.js for any reason
• Using the new improved (but not radically different) features of 5.

Bootstrap 5 is compatible with the following:

• Jinja2 templating
• jQuery
• Flask

[romano-w]

The current task is to build a basic templated setup for Bootstrap 5 + Flask + Jinja2 that does not require Flask-Bootstrap which is only compatible up to Bootstrap 3.