Bootstrap dưới chân trang nhưng không cố định

Để phần tử này nằm ở vị trí cuối trang, bạn phải thêm fixed-bottom vào lớp footer

<footer class="bg-info text-center text-lg-start fixed-bottom">
  
  <div class="container p-4">
    
    <div class="row">
      
      <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
        <h5 class="text-uppercase">Linksh5>

        <ul class="list-unstyled mb-0">
          <li>
            <a href="#!" class="text-dark">Link 1a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 2a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 3a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 4a>
          li>
        ul>
      div>
      

      
      <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
        <h5 class="text-uppercase mb-0">Linksh5>

        <ul class="list-unstyled">
          <li>
            <a href="#!" class="text-dark">Link 1a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 2a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 3a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 4a>
          li>
        ul>
      div>
      

      
      <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
        <h5 class="text-uppercase">Linksh5>

        <ul class="list-unstyled mb-0">
          <li>
            <a href="#!" class="text-dark">Link 1a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 2a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 3a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 4a>
          li>
        ul>
      div>
      

      
      <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
        <h5 class="text-uppercase mb-0">Linksh5>

        <ul class="list-unstyled">
          <li>
            <a href="#!" class="text-dark">Link 1a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 2a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 3a>
          li>
          <li>
            <a href="#!" class="text-dark">Link 4a>
          li>
        ul>
      div>
      
    div>
    
  div>
  

  
  <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
    © 2020 Copyright:
    <a class="text-dark" href="https://mdbootstrap.com/">MDBootstrap.coma>
  div>
  
footer>

Thông tin thêm và mô tả chi tiết có thể được tìm thấy tại trang 📄Documentation

Làm cách nào để đặt chân trang cố định trong HTML Bootstrap?

Làm cách nào để sử dụng Bootstrap chân trang dính?