[docs] Devdocs Bootstrap media refactor

moodle · Jan 3, 2024 · 0046c93 · 0046c93
1 parent 9068af5
commit 0046c93
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/docs/devupdate.md b/docs/devupdate.md
@@ -65,6 +65,38 @@ should be replaced with:
 
 :::
 
+- The .media component has been replaced with utility classes.
+
+:::info Media refactor example
+
+The following code:
+
+```html
+<div class="media">
+    <div class="media-left">
+        [...]
+    </div>
+    <div class="media-body">
+        [...]
+    </div>
+</div>
+```
+
+could be replaced with:
+
+```html
+<div class="d-flex">
+    <div class="flex-shrink-0">
+        [...]
+    </div>
+    <div class="flex-grow-1 ml-3">
+        [...]
+    </div>
+</div>
+```
+
+:::
+
 ## Previous versions
 
 - [Moodle 4.3 developer update](./4.3/devupdate)