Layout updates

Author: gvreddy04

BlazorBootstrap.Demo.RCL/Components/Layout/MainLayout.razor

@@ -1,7 +1,7 @@
 @namespace BlazorBootstrap.Demo.RCL
 @inherits MainLayoutBase
 
-<BlazorBootstrapLayout>
+<BlazorBootstrapLayout HeaderSectionSticky="true">
     <HeaderSection>
         <div>
             <a class="nav-link py-2 px-2" href="@githubUrl" target="_blank" rel="noopener">

blazorbootstrap/Components/Layout/BlazorBootstrapLayout.razor.cs

@@ -13,10 +13,19 @@ public partial class BlazorBootstrapLayout : BlazorBootstrapLayoutComponentBase
     [Parameter] public RenderFragment? FooterSection { get; set; }
     [Parameter] public string? FooterSectionCssClass { get; set; } = "bg-body-tertiary";
     protected string? FooterSectionCssClassNames => BuildClassNames(FooterSectionCssClass, ("bb-footer p-4", true));
-    
+
     [Parameter] public RenderFragment? HeaderSection { get; set; }
     [Parameter] public string? HeaderSectionCssClass { get; set; } = "d-flex justify-content-end";
-    protected string? HeaderSectionCssClassNames => BuildClassNames(HeaderSectionCssClass, ("bb-top-row px-4", true));
+
+    protected string? HeaderSectionCssClassNames =>
+        BuildClassNames(
+            HeaderSectionCssClass,
+            ("bb-top-row", true),
+            ("bb-top-row-sticky", HeaderSectionSticky),
+            ("px-4", true)
+        );
+
+    [Parameter] public bool HeaderSectionSticky { get; set; }
 
     [Parameter] public RenderFragment? SidebarSection { get; set; }
 

blazorbootstrap/wwwroot/blazor.bootstrap.css

@@ -458,7 +458,7 @@ table > tbody > tr > td:is(.freeze-column-right).freeze-column-active {
         flex-direction: row !important;
     }
 
-    .bb-top-row {
+    .bb-top-row-sticky {
         position: sticky;
         top: 0;
         z-index: 1;