Mobil Uyumlu Footer

Mustafa_64

Hectopat
Katılım
14 Eylül 2014
Mesajlar
53
Daha fazla  
Cinsiyet
Erkek
Arkadaşlar benim sağa ve sola açılıp kapanan bir menüm var ve ben o menün içine yani en alt kısıma footer ekledim. Fakat footer farklı ekranlarda yukarıda veya aşağıda gözüküyor. Benim istediğim, her ekran çözünürlüğünde otomatik ayarlaması. Bootstrap kütüphanesiyle yazılmış bir web sitesi. Yardımcı olursanız sevinirim.
Copyrigt olan kısım ayarlanacak.

Kod:
 <!-- Sidebar -->
        <div id="sidebar-wrapper">
   
            <ul class="sidebar-nav">
                <li class="sidebar-brand">
                <img src="images/logo.png" height="200" width="200" alt="">
                    <a href="#">
                       <h3>Site Logo/Yazı</h3>
                    </a>
                </li>
                <p><br><br><br><br><br><br><br><br><br></p>
                </p>
           
                <li>
                    <a href="index.php">Anasayfa</a>
                </li>
                <li>
                    <a href="index.php?sayfa=hakkimizda">Hakkımızda</a>
                </li>
                <li>
                    <a href="index.php?sayfa=galeri">Galeri</a>
                </li>
                <li>
                    <a href="index.php?sayfa=gures-sporu">Güreş Sporu</a>
                </li>
                <li>
                    <a href="index.php?sayfa=baglantilar">Bağlantılar</a>
                </li>         
                <li>
                    <a href="index.php?sayfa=iletisim">İletişim</a>
                </li>
           
                <center>
                <br><br><br><br><br>
                <a href="#" target="_blank"><i id="social" class="fa fa-facebook-square fa-3x social-fb"></i></a>
                <a href="#"><i id="social" class="fa fa-twitter-square fa-3x social-tw"></i></a>
                <a href="#"><i id="social" class="fa fa-google-plus-square fa-3x social-gp"></i></a>
                <a href="#"><i id="social" class="fa fa-envelope-square fa-3x social-em"></i></a>
         
                </center>
           
          
                <center>
                <h6><p class="text-muted"><br><br><br><br><br>Copyrigt &copy; </p></h6>
               </center>
          
            </ul>
       
        </div>
        <!-- /#sidebar-wrapper -->
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…