Bootstrap'te yapışkan olmayan bir altbilgi nasıl oluşturabilirim?

Question

nasıl (ekran çözünürlüğü rağmen) Ekranın bütün enini kaplar ve sayfanın alt kısmında kalan bir altbilgi üretir mi? Bunun için arama yaparken

İnsanların (ben hayır hayır duymak) kullanılması mutlak konumlandırma yapışkan altbilgi (sayfa hoover altbilgi) için kod sağlama ve söyleyerek olsun.

ne demek mükemmel bir örnek twitter önyükleme örnek (https://www.gathercontent.com/) olarak değinir sitelerinden biridir. Bu sitede altbilgi (bir kahraman birimine benzeyen bir şey gibi) her zaman sayfanın alt kısmında yer alır.

Answer 1

kullanın bu jQuery:

$(window).load(function() { 
    $('.footer').width($(window).width()); 
    $(window).resize(function() { 
     $('.footer').width($(window).width()); 
    }); 
}); 

Eğer ben altbilgi hover istemiyordu gibi benzer bir şey arıyordu

Answer 2

olsa js dosyası olduğundan emin olun. Altbilgi, küçük mobil cihazlarda açılan menü öğelerini engelliyordu. Tek yaptığım alt sınıftan "navbar-sabit-bottom" kaldırmaktı.

Sana ön yükleme alanı kullanıyorsanız, bu örnek bunu nasıl gösterir

<div class = "footer"></div> 

Answer 3

için

<div class = "footer navbar-fixed-bottom"></div> 

değiştirdi. Ad, sitede yanıltıcıdır, ancak fazla içerik yoksa, sayfanın alt kısmında kalır. Çok fazla içerik varsa, sayfa aşağı doğru hareket eder (bu nedenle yapışmaz).

altbilgi:

http://getbootstrap.com/docs/4.0/examples/sticky-footer-navbar/

CSS:

http://getbootstrap.com/docs/4.0/examples/sticky-footer-navbar/sticky-footer-navbar.css

emin olun değil

html { 
position: relative; 
min-height: 100%; 
}