aaa

demoadmin/index.html

@@ -96,9 +96,9 @@
         </li>
       </ul>
     </aside>
-    <main class="col bg-secondary-subtle pt-2 px-2">
-      <nav aria-label="breadcrumb" class="ps-1 d-lg-none">
-        <ol class="breadcrumb">
+    <main class="col bg-secondary-subtle pt-0 px-2">
+      <nav aria-label="breadcrumb" class="ps-1 mt-2 d-lg-none">
+        <ol class="breadcrumb mb-2">
           <li class="breadcrumb-item"><a href="#">栏目</a></li>
           <li class="breadcrumb-item"><a href="#">概览</a></li>
           <li class="breadcrumb-item active" aria-current="page">所有栏目</li>
@@ -170,7 +170,7 @@
             <div class="col-md d-flex justify-content-start justify-content-md-end mt-2 mt-md-0">
               <button type="button" class="btn btn-primary btn-sm me-1">发布文档</button>
               <button type="button" class="btn btn-info btn-sm">添加栏目</button>
-<!--              <button type="button" class="btn btn-secondary btn-sm">删除所选</button>-->
+              <!--              <button type="button" class="btn btn-secondary btn-sm">删除所选</button>--> 
             </div>
           </div>
           <form class="row align-items-center ">
@@ -316,16 +316,23 @@
             </tbody>
           </table>
         </div>
-        <div class="card-body">
-          <nav aria-label="Page navigation example">
-            <ul class="pagination">
-              <li class="page-item"><a class="page-link" href="#">Previous</a></li>
-              <li class="page-item"><a class="page-link" href="#">1</a></li>
-              <li class="page-item"><a class="page-link" href="#">2</a></li>
-              <li class="page-item"><a class="page-link" href="#">3</a></li>
-              <li class="page-item"><a class="page-link" href="#">Next</a></li>
-            </ul>
-          </nav>
+        <div class="card-body sticky-bottom bg-light">
+          <div class="row align-items-center">
+            <div class="col-auto">
+              <nav aria-label="Page navigation example">
+                <ul class="pagination mb-0">
+                  <li class="page-item"><a class="page-link" href="#">＜</a></li>
+                  <li class="page-item"><a class="page-link" href="#">1</a></li>
+                  <li class="page-item"><a class="page-link" href="#">2</a></li>
+                  <li class="page-item"><a class="page-link" href="#">3</a></li>
+                  <li class="page-item"><a class="page-link" href="#">＞</a></li>
+                </ul>
+              </nav>
+            </div>
+            <div class="col-md d-flex justify-content-start mt-2 mt-md-0 justify-content-md-end">
+              <button type="button" class="btn btn-secondary btn-sm">删除所选</button>
+            </div>
+          </div>
         </div>
       </div>
     </main>