html {
  position: relative;
  min-height: 100%;
}

.navbar {
  margin-bottom: 20px;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
body > .container {
  padding: 60px 15px 0;
}
<style>
    .imgTxt{
        /*text-transform: capitalize;*/
        /*margin-top: 10px;*/
        /*float: right;*/
    }
    .imgFloatLeft{
        float: left;
       /* padding: 20px 0 20px 20px;*/
    }
    img{  
      width:auto;  
      height:auto;  
      max-width:100%;  
      max-height:100%; 
    }
</style>
<style>
    /* 深色导航栏悬停效果 */
    .navbar-dark .nav-link.hoverable:hover {
      color: white !important;
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 4px;
    }
    
    /* 浅色导航栏悬停效果 */
    .navbar-light .nav-link.hoverable:hover {
      color: #0d6efd !important;
      background-color: rgba(0, 0, 0, 0.05);
    }
    .larger-list {
    font-size: 1.15em;  /* 比父容器大15% */
    line-height: 1.6;   /* 增加行距提升可读性 */
    }
      .ms-form-container {
      max-width: 800px;
      margin: 0 auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .form-footer {
      text-align: center;
      color: #666;
      font-size: 12px;
    }
</style> 

<style type="text/css">
    p{
        width:350px;
        }
    a{
        color:inherit;
        }
    h2 a:hover{
        color:#0d6efd !important; /* Bootstrap 主蓝色 */
        }
    h2 a:active{
        color:#F707EE;
        }
    .highlight {
          background-color: #f8f9fa;
          padding: 15px;
          border-left: 4px solid #3498db;
          margin: 20px 0;
      }
      .tag {
          display: inline-block;
          background-color: #e8f4fc;
          color: #2980b9;
          padding: 2px 6px;
          border-radius: 3px;
          font-size: 0.9em;
          margin-right: 5px;
      }

</style>

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
.container .text-muted {
  margin: 20px 0;
}
.text-muted {
  text-align:center
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}