Bootstrap stopka zawsze na dole

0

Jak zrobić stopkę która będzie zawsze na dole?
Używając klasy fixed bottom da się to zrobić, ale stopka jest wtedy widoczna cały czas, nawet jeśli nie jestem na końcu strony.

0

Nie dawaj w takim razie tej klasy i normalnie umieść kod na końcu strony? Nie wiem dokładnie z czym masz problem

0

Patrz screena, tam gdzie jest czerwona strzałka jest dopiero koniec strony.

0

Nie mam teraz dostępu do kompa więc nie mogę tego zweryfikować, ale sprobuj ustawić HTML lub body height na 100%. Następnie ustaw position footera na absolute I bottom 0. To powinno działać, a jak nie to poeksperymentuj.

0

użyj:

  position: absolute;
  bottom: 0px;

Przy czym pozycja będzie tu liczona względem krawędzi BODY albo pierwszego elementu nadrzędnego który ma position inne niż (domyślne) static.

http://webkod.pl/kurs-css/wlasciwosci/wszystkie/position#absolute
https://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute

0

@Aventus dał dobre rozwiązanie. Może warto mieć całą stronę w jakimś wrapperze, wrapper zrobić na relative i min-height: 100%;. Stopkę dajesz we wrapperze, na position: absolute i bottom: 0; Na koniec możesz dać jeszcze bottom padding (wysokość stopki) dla wrappera aby stopka nie wchodziła na treść strony.

Chociaż na flexach było by łatwiej ^^

1 użytkowników online, w tym zalogowanych: 0, gości: 1