Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Bootstrap Sticky Footer Kullanımı
#1
CSS Kodlarınıza;
Kod:
/* Sticky footer styles
-------------------------------------------------- */
html {
 position: relative;
 min-height: 100%;
}
body {
 /* Margin bottom by footer height */
 margin-bottom: 30px;
}
.footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 /* Set the fixed height of the footer here */
 height: 35px;
 background-color: #f5f5f5;
 opacity: 0.5;
filter: alpha(opacity=50);
background-color:#5E9955;
border-bottom:1px solid #666;
box-shadow:0px -1px 4px #666;
}


HTML Kısmına;
Kod:
  <footer class="footer">
     <div class="container-fluid">
       <p class="text-muted" style="color:#DFD366;font-family: Tahoma,Arial;padding-top:5px;">Sticky Footer TEST!</p>
     </div>
   </footer>
Cevapla


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Bootstrap ile Responsive Site Tasarımı Administrator 0 4,084 05-11-2015, 17:53
Son Yorum: Administrator

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi