html - html モバイル用ダッシュボードの作成

Question

次の html を作成する必要があり、「過去 24 時間」と「先月」に div を使用し、他の div にはフロートを残して他のものを使用しようとしましたが、すべてめちゃくちゃになりました。私を助けてください、どの構造を使用する必要がありますか? テーブル？div? ありがとう

Answer 1

これはグリッドであることを懇願します。Bootstrapdivのような既製のグリッドで 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>

次に、いくつかの css クラスを追加し、それを使用してフロート、フォント サイズ、色などを変更します。