Footer

Topic: Footer

Filip Dvořák free asked 6 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 -->

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

Hi,

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

Best,

Marta

Add comment

ochicaud priority answered 6 years ago

0 0 Best answer

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

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

Write

Create snippet

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

Filip Dvořák

5Support score
1Questions 0Answers 0Snippets