html为移动设备创建仪表板

我必须创建以下html，尝试在“最后24小时”和“上个月”中使用div，在其他内容中使用float，但结果都是一团糟。 请帮助我，应该使用什么结构？桌子潜水艇？thks

---

这是一个网格。我会将

div

s与一些现成的网格一起使用，比如来自

例如，它可能看起来像这样：

<div class="container">
  <div class="row">
    <div class="span6">LAST 24 HOURS</div>
    <div class="span6">LAST MONTH</div>
  </div>
  <div class="row">
    <div class="span6">283</div>
    <div class="span6">put a nested grid here</div>
  </div>
  <div class="row">
    <div class="span3">Facebook<div class="value">10%</div></div>
    <div class="span3">Twitter<div class="value">9%</div></div>
    <div class="span3">Foursquare<div class="value">7%</div></div>
    <div class="span3">Others<div class="value">5%</div></div>
  </div>
</div>

过去24小时
上个月
283
在这里放置嵌套网格
facebook 10%
推特9%
Foursquare 7%
其他5%

---

然后添加一些css类，并使用它们来浮动、更改字体大小、颜色等。

我建议使用div作为布局，使用table作为表格/矩阵的内容。。。所以我在这里使用div，你可以同时使用表结构和div结构。我会推荐Div。。。因为我们是在2012年。这不是表格数据，所以你应该使用divs你在css/htmlhum中所做的每个人都说要使用divs，可能是最好的解决方案。这段代码与jquery mobile中的网格类一起使用非常好！！