html为移动设备创建仪表板

Question

我必须创建以下html，尝试使用div为“过去24小时”和“上个月”以及其他具有浮动的div用于其他东西，但事实证明所有搞砸了。 请帮帮我，应该使用什么结构？表？ DIVS？ THKS

Answer 1

这需要成为一个网格。我会使用div s和一些现成的网格，就像来自Bootstrap的网格一样。

所以例如它看起来像这样：

<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>

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