Merge pull request #854 from roland04/devdocs-bootstrap-forms

Devdocs bootstrap forms

docs/devupdate.md

@@ -62,6 +62,39 @@ shortname,fullname,category,summary,cohort,student,cohort,teacher
 
 </details>
 
+## Bootstrap preparations for version 5
+
+<Since version="4.4" issueNumber="MDL-71979" />
+
+Some of the Bootstrap 4 classes will be deprecated or dropped in its version 5. To prepare for this, some of the current Bootstrap 4 classes usages have been replaced with version 5 compatible classes. This will help us to upgrade to Bootstrap 5 in the future.
+
+- The `.form-group` helper class has been replaced with margins.
+- The `.form-inline` helper class has been replaced with utility classes.
+
+:::info Form refactor example
+
+The following code:
+
+```html
+<form class="form-inline">
+    <div class="form-group">
+        [...]
+    </div>
+</form>
+```
+
+could be replaced with:
+
+```html
+<form class="d-flex flex-wrap align-items-center">
+    <div class="mb-3">
+        [...]
+    </div>
+</form>
+```
+
+:::
+
 ## Previous versions
 
 - [Moodle 4.3 developer update](./4.3/devupdate)