タイムライン 例

  1. ホーム
  2. UI
  3. タイムライン
  • 2014年2月10日
  • 12:05

    サポートチーム があなたにメールを送りました

    Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly balihoo...
    詳細を読む 削除
  • 5分前

    サラ・ヤング が友達リクエストを承認しました

  • 27分前

    ジェイ・ホワイト があなたの投稿にコメントしました

    私をあなたのリーダーに連れて行ってください！スイスは小さくて中立です！私たちは、野心的で誤解されているドイツのようなものです！
    コメントを見る
  • 2014年1月3日
  • 2日前

    ミナ・リー が新しい写真をアップロードしました

    ... ... ... ...
  • 5日前

    ミスター・ドゥ が動画を共有しました

    コメントを見る

タイムラインマークアップ

<ul class="timeline">

    <!-- timeline time label -->
    <li class="time-label">
        <span class="bg-red">
            10 Feb. 2014
        </span>
    </li>
    <!-- /.timeline-label -->

    <!-- timeline item -->
    <li>
        <!-- timeline icon -->
        <i class="fa fa-envelope bg-blue"></i>
        <div class="timeline-item">
            <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>

            <h3 class="timeline-header"><a href="#">Support Team</a> ...</h3>

            <div class="timeline-body">
                ...
                Content goes here
            </div>

            <div class="timeline-footer">
                <a class="btn btn-primary btn-xs">...</a>
            </div>
        </div>
    </li>
    <!-- END timeline item -->

    ...

</ul>