From 65c69de75b20bb9ffec63ce490dccbc0f8fe39c5 Mon Sep 17 00:00:00 2001
From: zhengchun <zhengchunster@gmail.com>
Date: Fri, 24 Nov 2023 16:33:05 +0800
Subject: [PATCH] minor fix

---
 content/components/dropdown/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/components/dropdown/index.md b/content/components/dropdown/index.md
index aab907e..3a50387 100644
--- a/content/components/dropdown/index.md
+++ b/content/components/dropdown/index.md
@@ -210,7 +210,7 @@ You can do this with any button variant in `.btn-{color}`.
 
 Replace the default arrow icon with a custom icon. Just remove the `.dropdown-toggle` class and adds an icons onto the button. You also can use the `margin` or `flex` help classes for alignment if you need.
 
-{{< example >}}
+{{< example class="d-flex flex-wrap gap-3" >}}
 <button type="button" class="btn btn-default" data-bs-toggle="dropdown" aria-expanded="false">
   Page actions <i class="fas fa-angle-down ms-2"></i>
 </button>