From 7f4df64ea3bdf162d2617941aefad2744fd296b2 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 2 Jun 2016 22:08:18 +0800 Subject: update gapless columns doc --- index.html | 55 ++++++++++++++++--------------------------------------- 1 file changed, 16 insertions(+), 39 deletions(-) diff --git a/index.html b/index.html index 37c9885..5c81759 100644 --- a/index.html +++ b/index.html @@ -866,44 +866,6 @@

Layout includes flexbox based responsive grid system with 12 columns.

-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -970,9 +932,19 @@
-

Add the class columns to a container with the class container. And add any element you want with classname column inside the container. These columns will take up the space equally. You can specific the width of each column by adding class col-[1-12]. And you can add the class col-gapless to have gapless columns.

+

Add the class columns to a container with the class container. And add any element you want with classname column inside the container. These columns will take up the space equally. You can specific the width of each column by adding class col-[1-12].

+

And you can add the class col-gapless to have gapless columns.

+
+
+
col-6 (gapless)
+
+
+
col-6 (gapless)
+
+
+ 
 <div class="container">
@@ -982,6 +954,11 @@
         <div class="column col-2">col-2</div>
         <div class="column col-1">col-1</div>
     </div>
+
+    <div class="columns col-gapless">
+        <div class="column col-6">col-6</div>
+        <div class="column col-6">col-6</div>
+    </div>
 </div>
-- cgit v1.3.1-23-gd82d