其实WebApp这个版块已经放置一段时间了，但是一直没有写文章，那是因为我还在学习中。今天的话，我们就来写一篇关于布局的，以前在没有BootStrap，Jquery EasyUI，Jquery Mobile之前不论是做web项目还是web 移动站点都是那么费劲，尤其是我这种学不会css的人，实在是搞不了前台。OK，废话不多说，我们来看一下今天要仿制的页面，手机头条网。
看到了吧，这个界面如果用BootStrap的话可能更简单一些，因为它是单纯的三列或者两列布局，利用Bootstrap的网格系统可以很好的布局出来。那今天的话还是用Jquery Mobile css。
首先看一下最顶端的头部，我的代码如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
@section Header
{
<
div
data-role
=
"header"
data-theme
=
"f"
data-tap-toggle
=
"false"
data-position
=
"fixed"
data-fullscreen
=
"false"
>
<
div
class
=
"ui-grid-b"
>
<
div
class
=
"ui-block-a"
><
img
class
=
"img-corner"
style
=
"padding:3px"
width
|
