"Smart Footer"
Bootstrap 3.3.0 Snippet by workstation247

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container"> <div class="row"> <div class="nomani-fb-social-buttons"> <p class="pull-left"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbootsnipp.com&width=130&height=20&colorscheme=light&layout=button_count&action=like&show_faces=false&send=true&appId=112989545392380" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:118px; height:20px;" class="facebook-btn" allowTransparency="true"></iframe> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=bootsnipp" style="width:213px; height:20px;" class="twitter-follow-button twitter-follow-button"></iframe> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://platform.twitter.com/widgets/tweet_button.html?lang=en&via=bootsnipp&url=http%3A%2F%2Fbootsnipp.com&text=RT%20Design%20elements%20and%20code%20snippets%20for%20%23twbootstrap%20HTML%2FCSS%2FJS%20framework" style="width:107; height:20px;" class="twitter-share-button twitter-count-horizontal"></iframe></p> </div> <div class="nomani-fb-social-buttons2"> <p><a href="http://maxoffsky.com" target="_blank">Refund Policy</a>. | <a href="https://plus.google.com/+Bootsnipp-page" target="_blank" rel="publisher">Google+</a> | <a href="http://bootsnipp.com/privacy" target="_blank">Privacy policy</a> | <a href="http://bootsnipp.com/license">Tearm And Conditions</a></p> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <p class="pull-left"> Copyright © Footer 2014. All right reserved. </p> <div class="pull-center"> <p>All rights reserved 2016-2017.</p> </div> <div class="pull-right"> <ul class="nav nav-pills payments"> <p class="pull-right"> Built with <a href="http://laravel.com" target="_blank" title="laravel php framework"><img src="http://bootsnipp.com/img/laravel.jpg" alt="laravel php framework"></a> Hosted on <a href="http://pagodabox.com" target="_blank" title="pagodabox php cloud hosting"><img src="http://bootsnipp.com/img/pagoda.jpg" alt="pagodabox php cloud hosting"></a> We Accept <i class="fa fa-cc-visa"></i> <i class="fa fa-cc-mastercard"></i> <i class="fa fa-cc-amex"></i> <i class="fa fa-cc-paypal"></i></p> </ul> </div> </div> </div>
.nomani-fb-social-buttons p {margin:3px;} .nomani-fb-social-buttons2 p {text-align:right;} .footer-bottom {color:#111;margin-bottom:-40px} .pull-left {text-align:right;margin-bottom:-40px} .pull-right {color:#ccc; text-height:14px;text-align:right;margin-bottom:-40px} .payments {font-size: 14px;margin-bottom:-40px } .pull-center{ position: fixed; left: 0; right: 0; text-align: center; color: #000; margin-bottom:-40px }

Related: See More


Questions / Comments: