From 7d291194f5892a666dfce488896b066976ea293b Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 5 May 2016 15:42:27 +0800 Subject: update doc and examples --- index.html | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index c4cad3a..714cb2f 100644 --- a/index.html +++ b/index.html @@ -982,23 +982,22 @@

You are not following anyone

- +
-

Spectre also provides a neat responsive layout grid system. There are .col-xs-[1-12], .col-sm-[1-12] and .col-md-[1-12] available for flexible grid across mobile, tablet and desktop viewport usage.

+

An empty state component can include icons, messages(title and meta messages) and action buttons or any combination of those elements. 

-<div class="container">
-    <div class="columns">
-        <div class="column col-xs-6">col-xs-6</div>
-        <div class="column col-xs-3">col-xs-3</div>
-        <div class="column col-xs-3">col-xs-3</div>
-    </div>
+<div class="empty">
+    <i class="icon icon-people"></i>
+    <p class="empty-title">You have no new messages</p>
+    <p class="empty-meta">Click the button to start a conversation.</p>
+    <button class="btn btn-primary">Send a message</button>
 </div>
-- cgit v1.3.1-26-gb76a