Bootstrap 4 footer'i sayfanın en aşağısına alma

Merhaba. Aşağıda bulunan resimde görüldüğü gibi, sayfa içeriği az olduğunda footer bu şekilde yukarıda duruyor.

Yamap istediğim hangi cihazda açılırsa açılsın footer row'unu en aşağıya atmak. Yani sayfa dolu olmasa bile aşağıda olmalı footer.

Stick footer vesaire denedim. Aradığım o değil.

https://prnt.sc/qmvyjp

Teşekkürler şimdiden.

<footer id="footer" class="clearfix">
<div class="container">
    <div class="row">

şeklinde başlamasına dikkat edin.

https://startbootstrap.com/snippets/...ooter-flexbox/

fixed-bottom eklerseniz istediğiniz gibi olacaktır diye umuyorum kod yapınızı bilmediğim için umarım çalışır.

Bu çalışmadı, teşekkür ederim.



Burası biraz kafamı karıştırdı. Tasarımı komple değiştirmek gerekiyor sanırım. Benim footer'im row içinde. Teşekkürler.

Bunu üstte de dediğim gibi deneim.İstediğim gibi alta geliyor ama sticky oluyor ve içeriğin önüne geliyor. Teşekkürler.

Bilgisayara geçtiğim zaman html satırı göndereyim hâla çözülememiş olursa.

.footera-verilecek-class-adi {  position: absolute;  bottom: 0;  width: 100%;  height: 60px;}

Şu şekilde footer için yeni bir css class' ı oluştur. Footera bu classı ilave et olması gerekiyor.

Bodydeki containerınıza aşağıdaki gibi bir class oluşturup verin. (Menüden hemen sonraki containera yani)

.footerayar
{
min-height:650px !important;
}