1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Footer

Filip Dvořák free asked 5 years ago

Hello MDB, I'm a beginner in bootstrap and I'd like to ask a question, for example we have a footer how do I move with it to the bottom of the page and increase width and still be responsive and look good on the mobile phone? Thanks in advance! 
<!-- Footer -->
<footer class="page-footer font-small blue">

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

</footer>
<!-- Footer -->

Marta Wierzbicka staff answered 5 years ago

Hi,

try the code from this snippet: https://mdbootstrap.com/snippets/jquery/marta-szymanska/92115.

Best,

Marta

ochicaud priority answered 5 years ago

hello Marta,

how to keep the footer at the end of the window is the content is very small ?

If you let only one "lorem ipsum", the footer goes up, in the middle of the page

Marta Wierzbicka staff answered 5 years ago

Hi, I'm not sure what you mean because when there is a content above the footer, it is on the very bottom of the page. So, to facilitate this task, I created a snippet presenting the content and footer: https://mdbootstrap.com/snippets/jquery/marta-szymanska/92115. Please, go to that snippet, open the full-screen mode and try to modify this code and explain to me what effect you would like to achieve? I'll try to help you. Best, Marta
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Computer
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags
html
About author
Filip Dvořák
5Support score
1Questions 0Answers 0Snippets