LiuR_Fun网站发生了一丢丢微妙变化

发表时间： 2016-09-18 17:11:15 | 浏览次数：

大家有没发现小编的网站发生了一些微妙的变化？没错小编的网站到底发生了什么变化呢？其实也没多大变化，也就是自适应移动端了而已，哈哈！

之前一直想学Bootstrap，也看过了好几次教程，就是没定下心来，实实在在地用Bootstrap写一个网站出来。最近小编公司的网站主页改版，将设计和前端都外包出去了，在这里又不得不吐槽一下，外包出去真不靠谱啊！因为就改了主页，其他页面都没改，然后对接到网站时，各种样式冲突，各种细节要调整，真的是调傻小编了。其实小编完完全全可以将前端写出来，因为貌似设计也包了做前端，那就让他一起做呗，之前没考虑到样式冲突这一点，结果。。。。。。

废话说完了，正式进入主题，因为外包这个人也是用了Bootstrap来写，不过它没有写兼容移动端的，我们也不要求兼容移动端。看了看他写的代码，也都能看懂，小编之前也看过教程，只是没动手写而已。看了之后就刺激到自己，觉得自己有必要动手写一遍，看得懂跟动手写一遍是两个概念，而且今年的目标是要学会html5（响应式布局）。但是最近又没有接到单来练练手，所以就拿小编自己的网站来开刀。

小编在网上看了很多用Bootstrap写的网站，跟自己网站做了一下对比，然后真的不知道如何下手，小编的美工底子又不怎么滴，不可能重新画个设计图出来吧，这个模板也是在网上下载的改了一改，所以还是在原基础上做改动，没想法，这样又拖了好几天。后面又看回教程（菜鸟教程），看回最原始的，然后想着那能不能在原始的基础上自己去添加样式呢？马上动手，从导航栏开始，最难搞也是导航栏了。先将Bootstrap的导航栏代码复制下来，去除了默认样式，先尝试一下还能否自适应，结果是可以的，然后小编就按照元网站的排版，重新写了样式，那导航栏就很快的写了出来啦！搞定了导航栏，后面的更加不是问题了。虽然后面的不是问题，不过也断断续续写了整整一个月。小编网站的布局比较简单，所以用Bootstrap也非常好写，期待有更复杂的网站可以再练练手。

其实响应式布局也不是什么新鲜的东西了，小编现在才来学，真的是有点晚了，不过总算有成果出来，再接再厉！