From 0046c93d55ac393acb182f2dbc1906bb7245061f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Wed, 3 Jan 2024 14:27:51 +0100
Subject: [PATCH] [docs] Devdocs Bootstrap media refactor

---
 docs/devupdate.md | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/docs/devupdate.md b/docs/devupdate.md
index 0625d3bf80..e05b3612e9 100644
--- 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)