add responsive mobile web task view #4005

after patch

![Imgur](http://i.imgur.com/P5ixnZC.png)

The query break point is the same as bootstrap's break point.