<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> <!--Copyright--> <div class="container-fluid"> <br><br><br> <div class="footer" style="background-color:cyan; padding-top:7px; padding-bottom:6px;"> <i class="fa fa-3x fa-instagram" href="https://www.instagram.com/msroholahi/";></i> <i class="fa fa-3x fa-twitter" href="https://twitter.com/MSRoholahi";></i> <i class="fa fa-3x fa-linkedin " href="https://www.linkedin.com/company/esperlos";></i> <i class="fa fa-3x fa-github" style="font-size:px" href="https://github.com";> </i> <i class="fa fa-3x fa-wordpress" style="font-size:px" href="http://wordpress.org";> </i> <i class="fa fa-3x fa-telegram" style="font-size:px" href="https://telegram.me/MSR72";> </i> <h6 style="font-size: 21px";>© 2019 Copyright: <a href="http://programmerscamp.ir"> Esperlos.ir</a></h6> </div> </div> </div>

.footer { position: fixed; bottom: 0; left: 0; margin: 0 auto !important; text-align: center; width: 100% ; background-color: cyan; }