今天，我给小白们分享一下比较流行的Bootstrap框架，它在工作中得到许多公司的青睐，因此对于升职和加薪很重要。同时，我们可以快速完成开发任务，减少发开周期，有不对的地方望大家指正。

如果你想走的更远，那么请勤劳一点，多看看代码，多多练习代码，如果你仔细研究代码，自己也可以写出一部分的css比较好的插件。

一、Bootstrap简介

详见官网：

http://mons.org/licenses/by/3.0/"target="_blank">CC BY3.0</a>协议发布。</p> </div> <div class="col-sm-6 col-lg-5 col-lg-offset-1"> <div class="row about"> <div class="col-xs-3"> <h4>关于</h4> <ul class="list-unstyled"> <li><a href="">关于我们</a></li> <li><a href="">广告合作</a></li> <li><a href="">友情链接</a></li> <li><a href="">招聘</a></li> </ul> </div> <div class="col-xs-3"> <h4>联系方式</h4> <ul class="list-unstyled"> <li><a href="">新浪微博</a></li> <li><a href="">电子邮件</a></li> </ul> </div> <div class="col-xs-3"> <h4>旗下网站</h4> <ul class="list-unstyled"> <li><a href="">Laravel中文网</a></li> <li><a href="">Ghost中国</a></li> </ul> </div> <div class="col-xs-3"> <h4>赞助商</h4> <ul class="list-unstyled"> <li><a href="">UCloud</a></li> <li><a href="">又拍云</a></li> </ul> </div> </div> </div> </div> <hr> <div class="row foot-bottom"> <ul class="list-inline text-center"> <li><a href="">京ICP备11008151号</a></li>| <li><a href="">京公网安备11010802014853</a></li> </ul> </div> </div> </footer> <a href="#top" id="scrollUp"><i class="fa fa-angle-up"></i></a> <script> $(function(){ var $nav = $('#scrollUp'); var win_height = $(window).height(); //当窗口滚动的时候，如果 窗口上面隐藏的高度>=一屏高度 ，返回顶部图标应该显示；否则，隐藏 $(window).scroll(function(){ if($(window).scrollTop()>=win_height){ $nav.fadeIn(500); }else{ $nav.fadeOut(500); } }); $nav.click(function(){ // $(window).scrollTop(0); //没有动画 $('html,body').animate({scrollTop:0}, 1000); }); }) </script></body></html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。