时间线 示例

  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 评论你了帖子

    Take me to your leader! Switzerland is small and neutral! We are more like Germany, ambitious and misunderstood!
    查看评论
  • 2014年1月3日
  • 2 天前

    Mina Lee 上传了新照片

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

    Mr. Doe 分享了视频

    查看评论

时间线标记

<ul class="timeline">

    <!-- timeline time label -->
    <li class="time-label">
        <span class="bg-red">
            2014年2月10日
        </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="#">支持团队</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>