doc: 重构基金会准则

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Pages/Index.razor

@@ -37,9 +37,9 @@
         <img alt="barcode" class="barcode" src="./images/[email protected]" />
     </div>
     <div class="bb-foundation">
+        <div class="bb-foundation-content">本项目属于 <a href="https://www.dotnetfoundation.org/">.NET 基金会</a>，并根据其 <a href="https://www.dotnetfoundation.org/code-of-conduct">行为准则</a> 运作</div>
         <a class="bb-foundation-img d-none d-sm-block" href="https://www.dotnetfoundation.org/">
             <img src="./images/dotnet_foundation_v4.png" width="100" />
         </a>
-        <div class="bb-foundation-content">本项目属于 <a href="https://www.dotnetfoundation.org/">.NET 基金会</a>，并根据其 <a href="https://www.dotnetfoundation.org/code-of-conduct">行为准则</a> 运作。</div>
     </div>
 </section>

src/BootstrapBlazor.Server/Components/Pages/Index.razor.css

@@ -86,21 +86,16 @@
 
 .bb-foundation {
     background-color: rgb(var(--bs-tertiary-bg-rgb));
-    position: relative;
+    display: flex;
+    align-items: center;
 }
 
-    .bb-foundation .bb-foundation-img {
-        position: absolute;
-        right: 1rem;
-        top: 1rem;
-    }
-
     .bb-foundation .bb-foundation-content {
         text-align: center;
-        font-size: 1.1rem;
+        font-size: 1rem;
         font-weight: bolder;
-        line-height: 100px;
         padding: 1rem 0;
+        flex-grow: 1;
     }
 
 @media (min-width: 768px) {
@@ -116,4 +111,8 @@
     .donate .barcode {
         width: 480px;
     }
+
+    .bb-foundation .bb-foundation-content {
+        margin-left: 100px;
+    }
 }