diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelper.cs b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelper.cs
index aae537406f..04523033bc 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelper.cs
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelper.cs
@@ -2,7 +2,7 @@
 {
     public class AbpDropdownMenuTagHelper : AbpTagHelper<AbpDropdownMenuTagHelper, AbpDropdownMenuTagHelperService>
     {
-            public DropdownAlign Align { get; set; } = DropdownAlign.Left;
+            public DropdownAlign Align { get; set; } = DropdownAlign.Start;
 
         public AbpDropdownMenuTagHelper(AbpDropdownMenuTagHelperService tagHelperService)
             : base(tagHelperService)
diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelperService.cs b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelperService.cs
index 32156cd175..80c4d31c87 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelperService.cs
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/AbpDropdownMenuTagHelperService.cs
@@ -18,10 +18,10 @@ namespace Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.TagHelpers.Dropdown
         {
             switch (TagHelper.Align)
             {
-                case DropdownAlign.Right:
-                    output.Attributes.AddClass("dropdown-menu-right");
+                case DropdownAlign.End:
+                    output.Attributes.AddClass("dropdown-menu-end");
                     return;
-                case DropdownAlign.Left:
+                case DropdownAlign.Start:
                     return;
             }
         }
diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/DropdownAlign.cs b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/DropdownAlign.cs
index 9fc4d4e5ef..a15cf821ea 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/DropdownAlign.cs
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap/TagHelpers/Dropdown/DropdownAlign.cs
@@ -2,7 +2,7 @@
 {
     public enum DropdownAlign
     {
-        Left,
-        Right
+        Start,
+        End
     }
 }
\ No newline at end of file
diff --git a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/DropdownsDemo/Default.cshtml b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/DropdownsDemo/Default.cshtml
index 1a9587b600..f7907ce855 100644
--- a/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/DropdownsDemo/Default.cshtml
+++ b/framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Demo/Views/Components/Themes/Shared/Demos/DropdownsDemo/Default.cshtml
@@ -129,7 +129,7 @@
 <abp-component-demo-section title="Menu alignment" view-path="@DropdownsDemoViewComponent.ViewPath">
     <abp-dropdown>
         <abp-dropdown-button button-type="Secondary" text="Right-aligned" />
-        <abp-dropdown-menu align="Right">
+        <abp-dropdown-menu align="End">
             <abp-dropdown-item href="#">Action</abp-dropdown-item>
             <abp-dropdown-item active="true" href="#">Active action</abp-dropdown-item>
             <abp-dropdown-item disabled="true" href="#">Disabled action</abp-dropdown-item>
diff --git a/modules/basic-theme/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml b/modules/basic-theme/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml
index 6c89cd2314..79effa0a03 100644
--- a/modules/basic-theme/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml
+++ b/modules/basic-theme/test/Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo/Pages/Components/Dropdowns.cshtml
@@ -563,7 +563,7 @@
     <div class="demo-area">
         <abp-dropdown>
             <abp-dropdown-button button-type="Secondary" text="Right-aligned" />
-            <abp-dropdown-menu align="Right">
+            <abp-dropdown-menu align="End">
                 <abp-dropdown-item href="#">Action</abp-dropdown-item>
                 <abp-dropdown-item active="true" href="#">Active action</abp-dropdown-item>
                 <abp-dropdown-item disabled="true" href="#">Disabled action</abp-dropdown-item>
diff --git a/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Projects/Index.cshtml b/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Projects/Index.cshtml
index 36bdfd9680..696f61d6db 100644
--- a/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Projects/Index.cshtml
+++ b/modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Projects/Index.cshtml
@@ -37,7 +37,7 @@
                 {
                     <abp-dropdown>
                         <abp-dropdown-button button-type="Primary" icon="plus" text="@L["CreateANewProject"].Value" />
-                        <abp-dropdown-menu align="Right">
+                        <abp-dropdown-menu align="End">
                             <abp-dropdown-item href="#" id="CreateNewGithubProjectButtonId"><i class="fa fa-github"></i> GitHub</abp-dropdown-item>
                         </abp-dropdown-menu>
                     </abp-dropdown>