時間軸 範例

  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 分鐘前

    Sarah Young 接受了您的好友請求

  • 27 分鐘前

    Jay White 在您的貼文上留言

    帶我去找你們的領導者！瑞士很小而且是中立的！我們更像德國，有野心而且被誤解了！
    查看留言
  • 2014 年 1 月 3 日
  • 2 天前

    Mina Lee 上傳了新照片

    ... ... ... ...
  • 5 天前

    Mr. Doe 分享了一段影片

    查看留言

時間軸標記

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