diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
index 1a7f7ef8660..0e6eb0e364b 100644
--- a/src/BootstrapBlazor/BootstrapBlazor.csproj
+++ b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>9.6.1-beta02</Version>
+    <Version>9.6.1-beta01</Version>
   </PropertyGroup>
 
   <ItemGroup>
diff --git a/src/BootstrapBlazor/Components/Modal/Modal.razor.scss b/src/BootstrapBlazor/Components/Modal/Modal.razor.scss
index 2e90fc7a1be..1e3ff7866ed 100644
--- a/src/BootstrapBlazor/Components/Modal/Modal.razor.scss
+++ b/src/BootstrapBlazor/Components/Modal/Modal.razor.scss
@@ -21,6 +21,18 @@
 
 .modal-footer {
     padding: 0.5rem 1rem;
+
+    .modal-footer-content {
+        flex-grow: 1;
+        min-width: 0;
+        width: 1%;
+        white-space: nowrap;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        margin-inline-end: 1rem;
+    }
 }
 
 .modal-footer > * {
diff --git a/src/BootstrapBlazor/Components/Modal/ModalDialog.razor b/src/BootstrapBlazor/Components/Modal/ModalDialog.razor
index fdad76028ed..657e49dd6d3 100644
--- a/src/BootstrapBlazor/Components/Modal/ModalDialog.razor
+++ b/src/BootstrapBlazor/Components/Modal/ModalDialog.razor
@@ -50,6 +50,12 @@
                     @if (ShowFooter)
                     {
                         <div class="modal-footer">
+                            @if (FooterContentTemplate != null)
+                            {
+                                <div class="modal-footer-content">
+                                    @FooterContentTemplate
+                                </div>
+                            }
                             @if (ShowCloseButton)
                             {
                                 <Button Color="Color.Secondary" Text="@CloseButtonText" Icon="@CloseButtonIcon" OnClickWithoutRender="OnClickCloseAsync"></Button>
diff --git a/src/BootstrapBlazor/Components/Modal/ModalDialog.razor.cs b/src/BootstrapBlazor/Components/Modal/ModalDialog.razor.cs
index 4ea305c09c1..2839abf2664 100644
--- a/src/BootstrapBlazor/Components/Modal/ModalDialog.razor.cs
+++ b/src/BootstrapBlazor/Components/Modal/ModalDialog.razor.cs
@@ -200,6 +200,12 @@ public partial class ModalDialog : IHandlerException
     [Parameter]
     public RenderFragment? FooterTemplate { get; set; }
 
+    /// <summary>
+    /// Gets or sets the footer content template. Default is null.
+    /// </summary>
+    [Parameter]
+    public RenderFragment? FooterContentTemplate { get; set; }
+
     /// <summary>
     /// 获得/设置 ModalHeader 组件
     /// </summary>
diff --git a/test/UnitTest/Components/ModalDialogTest.cs b/test/UnitTest/Components/ModalDialogTest.cs
index 2ac2ea49c7c..6049051833d 100644
--- a/test/UnitTest/Components/ModalDialogTest.cs
+++ b/test/UnitTest/Components/ModalDialogTest.cs
@@ -166,6 +166,7 @@ public void BodyContext_Ok()
             {
                 pb.AddChildContent<ModalDialog>(pb =>
                 {
+                    pb.Add(d => d.FooterContentTemplate, builder => builder.AddContent(0, "footer-content-template"));
                     pb.Add(d => d.BodyContext, new Foo() { Name = "Test_BodyContext" });
                     pb.Add(d => d.BodyTemplate, BootstrapDynamicComponent.CreateComponent<MockModalDialogContentComponent>().Render());
                 });
@@ -174,6 +175,7 @@ public void BodyContext_Ok()
         var content = cut.FindComponent<MockModalDialogContentComponent>().Instance;
         var f = content.Context as Foo;
         Assert.Equal("Test_BodyContext", f!.Name);
+        cut.Contains("footer-content-template");
     }
 
     [Fact]