From 92012cae19ff70b693ef8b2a6a927c5a4d18c104 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 20 Mar 2017 15:32:25 +0800 Subject: Add Popovers docs --- docs/components.html | 22 +++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) (limited to 'docs/components.html') diff --git a/docs/components.html b/docs/components.html index 4512945..565f1b9 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1469,11 +1469,27 @@
-

+

Wrap an element by a container with the popover class. And add a container with the popover-container next to the element. You can use Cards component inside the popover-container.

+

Also, you can add the popover-right, popover-bottom or popover-left class to define the position. By default, the popovers appear above the element.

- -

+
+
<div class="popover popover-right">
+  <button class="btn btn-primary">right popover</button>
+  <div class="popover-container">
+    <div class="card">
+      <div class="card-header">
+        ...
+      </div>
+      <div class="card-body">
+        ...
+      </div>
+      <div class="card-footer">
+        ...
+      </div>
+    </div>
+  </div>
+</div>
 

 
         
-- 
cgit v1.3.1-23-gd82d