最近尝试用PHP弄几个简单的网页，突然发现自己几十年前学的知识和技能有点跟不上时代的发展了，就说页面的UI吧，现在都用什么Bootstrap，除了美观以外，在手机等移动设备上看起来也更舒服。

我粗略的了解了一下Bootstrap，学会了比如弄个响应式表格啊、设置字体颜色、但是布局啥的还是不甚了解，所以做个简单堆叠数据的表格尚能应付，复杂一点效果是做不出来了。

为了让自己弄的页面更顺眼，我决定继续好好学习，在搜索的过程中发现了[w3cschool.cn](https://www.w3cschool.cn)上的[编程实战列表 ](https://www.w3cschool.cn/codecamp)里边有诸多好玩的内容。

![](https://cdn.steemitimages.com/DQmUM2k9UyidmzSmH3F8Qbg81dt6khuQCwkz66YnQrvca9j/image.png)

我当然先试试[Bootstrap实战](https://www.w3cschool.cn/codecamp/list?pename=responsive_design_with_bootstrap_camp)
>![](https://cdn.steemitimages.com/DQmVhifCAbAve6NSL84A23VrSHgH37zjdUxc9aqsWnFnmfs/image.png)

看起来还很复杂呢，竟然需要5个小时，于是开工开搞，结果用了不到一个小时就全部通过
>![](https://cdn.steemitimages.com/DQmPsDic5qKKUcciivvSmBk29H4DLstryJHBKYmzBWUNz2Y/image.png)

尽管这个挑战很简单，但是它这个方式挺有意思，左侧出题，右侧给你一堆代码，你在这基础上去改动，改好了以后提交答案，如果改动无误，就会弹出挑战成功的页面，并可以进入下一关，比枯燥的学习好多了。
>![](https://cdn.steemitimages.com/DQmSF9RCfRjLJfG3xrVfcw8pgXGa7S6P8rqQhAPnmPwAMb6/image.png)

尽管31关涉及的内容不是很多很全面，但是依旧学到了很多东西，尤其是对Bootstrap布局有了一点新的了解，回头可以继续去改我的网页了。

----
<center><strong>Vote For Me As Witness</strong>
https://steemit.com/~witnesses type in **`oflyhigh`** and click ***`VOTE`***
[![](https://cdn.steemitimages.com/DQmX5NysqT44FBa3bhuWqQ69nAbseu8Nt5YQPn2pYejPVxA/image.png)](https://steemit.com/~witnesses)
[Vote @oflyhigh via Steemconnect](https://steemconnect.com/sign/account-witness-vote?witness=oflyhigh&approve=1)
<strong>Thank you!</strong></center>