diff --git a/.template/addons/bootstrap/stylesheets/vendor/_bootstrap.scss b/.template/addons/bootstrap/stylesheets/vendor/_bootstrap.scss
index 89072d36c..2ab59fbf8 100644
--- a/.template/addons/bootstrap/stylesheets/vendor/_bootstrap.scss
+++ b/.template/addons/bootstrap/stylesheets/vendor/_bootstrap.scss
@@ -1,53 +1,53 @@
-// By default every component is imported
-// But DO NOT import the whole framework but instead
-// pick what the project requires
-// and comment out the rest.
-
-// Configuration
+// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
 @import 'bootstrap/scss/functions';
+
+// 2. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)
 @import 'bootstrap/scss/variables';
 @import 'bootstrap/scss/variables-dark';
-@import 'bootstrap/scss/maps';
-// @import 'sass_maps'; // Optional Sass map overrides here (See: https://getbootstrap.com/docs/5.2/migration/#new-_mapsscss)
-// e.g., $theme-colors: map-merge($theme-colors, $custom-theme-colors);
 
+// 3. Include remainder of required parts
+@import 'bootstrap/scss/maps';
 @import 'bootstrap/scss/mixins';
+@import 'bootstrap/scss/root';
 @import 'bootstrap/scss/utilities';
 
-// Layout & components
-@import 'bootstrap/scss/root';
-@import 'bootstrap/scss/reboot';
-@import 'bootstrap/scss/type';
-@import 'bootstrap/scss/images';
-@import 'bootstrap/scss/containers';
-@import 'bootstrap/scss/grid';
-@import 'bootstrap/scss/tables';
-@import 'bootstrap/scss/forms';
+// 4. Optionally include any other parts as needed
+// By default every component is imported
+// But DO NOT import the whole framework but instead
+// pick what the project requires
+// and comment out the rest.
+@import 'bootstrap/scss/accordion';
+@import 'bootstrap/scss/alert';
+@import 'bootstrap/scss/badge';
+@import 'bootstrap/scss/breadcrumb';
+@import 'bootstrap/scss/button-group';
 @import 'bootstrap/scss/buttons';
-@import 'bootstrap/scss/transitions';
+@import 'bootstrap/scss/card';
+@import 'bootstrap/scss/carousel';
+@import 'bootstrap/scss/close';
+@import 'bootstrap/scss/containers';
 @import 'bootstrap/scss/dropdown';
-@import 'bootstrap/scss/button-group';
+@import 'bootstrap/scss/forms';
+@import 'bootstrap/scss/grid';
+@import 'bootstrap/scss/helpers';
+@import 'bootstrap/scss/images';
+@import 'bootstrap/scss/list-group';
+@import 'bootstrap/scss/modal';
 @import 'bootstrap/scss/nav';
 @import 'bootstrap/scss/navbar';
-@import 'bootstrap/scss/card';
-@import 'bootstrap/scss/accordion';
-@import 'bootstrap/scss/breadcrumb';
+@import 'bootstrap/scss/offcanvas';
 @import 'bootstrap/scss/pagination';
-@import 'bootstrap/scss/badge';
-@import 'bootstrap/scss/alert';
+@import 'bootstrap/scss/placeholders';
+@import 'bootstrap/scss/popover';
 @import 'bootstrap/scss/progress';
-@import 'bootstrap/scss/list-group';
-@import 'bootstrap/scss/close';
+@import 'bootstrap/scss/reboot';
+@import 'bootstrap/scss/root';
+@import 'bootstrap/scss/spinners';
+@import 'bootstrap/scss/tables';
 @import 'bootstrap/scss/toasts';
-@import 'bootstrap/scss/modal';
 @import 'bootstrap/scss/tooltip';
-@import 'bootstrap/scss/popover';
-@import 'bootstrap/scss/carousel';
-@import 'bootstrap/scss/spinners';
-@import 'bootstrap/scss/offcanvas';
-
-// Helpers
-@import 'bootstrap/scss/helpers';
+@import 'bootstrap/scss/transitions';
+@import 'bootstrap/scss/type';
 
-// Utilities
+// 5. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
 @import 'bootstrap/scss/utilities/api';