Answers for "how to make a bootstrap footer"

0

bootstrap footer bottom of page

<!--Use the navbar component and add .navbar-fixed-bottom class:-->

<!--Bootstrap 3.x-->
<div class="navbar navbar-fixed-bottom"></div>

<!--Bootstrap 4.x-->
<div class="navbar fixed-bottom"></div>

<!--Don't forget to add body { padding-bottom: 70px; } or otherwise the page content may be covered.-->
Posted by: Guest on May-09-2021
-1

sample bootstrap footer

<!-- Footer -->
<footer class="page-footer font-small special-color-dark pt-4">

  <!-- Footer Elements -->
  <div class="container">

    <!-- Social buttons -->
    <ul class="list-unstyled list-inline text-center">
      <li class="list-inline-item">
        <a class="btn-floating btn-fb mx-1">
          <i class="fab fa-facebook-f"> </i>
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-tw mx-1">
          <i class="fab fa-twitter"> </i>
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-gplus mx-1">
          <i class="fab fa-google-plus-g"> </i>
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-li mx-1">
          <i class="fab fa-linkedin-in"> </i>
        </a>
      </li>
      <li class="list-inline-item">
        <a class="btn-floating btn-dribbble mx-1">
          <i class="fab fa-dribbble"> </i>
        </a>
      </li>
    </ul>
    <!-- Social buttons -->

  </div>
  <!-- Footer Elements -->

  <!-- Copyright -->
  <div class="footer-copyright text-center py-3">© 2020 Copyright:
    <a href="https://mdbootstrap.com/"> MDBootstrap.com</a>
  </div>
  <!-- Copyright -->

</footer>
<!-- Footer -->
Posted by: Guest on June-21-2021

Code answers related to "how to make a bootstrap footer"

Browse Popular Code Answers by Language