add

src/common/__less/row.less

@@ -0,0 +1,47 @@
+@totalCell: 24;
+.col-width(@col: 1, @total: @totalCell){
+  percentage($col/$total)
+}
+.row {
+  @include clearfix;
+  @include media(xs) {
+    @for $i from 1 through $totalCell {
+      .col-xs-#{$i} {
+        float: left;
+      }
+      .col-xs-#{$i} {
+        width: col-width($i);
+      }
+    }
+  }
+  @include media(sm) {
+    @for $i from 1 through $totalCell {
+      .col-sm-#{$i} {
+        float: left;
+      }
+      .col-sm-#{$i} {
+        width: col-width($i);
+      }
+    }
+  }
+  @include media(md) {
+    @for $i from 1 through $totalCell {
+      .col-md-#{$i} {
+        float: left;
+      }
+      .col-md-#{$i} {
+        width: col-width($i);
+      }
+    }
+  }
+  @include media(lg) {
+    @for $i from 1 through $totalCell {
+      .col-lg-#{$i} {
+        float: left;
+      }
+      .col-lg-#{$i} {
+        width: col-width($i);
+      }
+    }
+  }
+}

src/css/index/index.less

@@ -52,4 +52,8 @@
 .motto{
   text-align: center;
   font-size: 20px;
+}
+
+.panel{
+  
 }

src/html/__include/header.pug

@@ -1,7 +1,7 @@
 - 
   var menulist = [
     {text: "首页", path: "#"},
-    {text: "归档", path: "#"},
+    {text: "Demo", path: "/demo"},
     {text: "关于", path: "/about"},
   ];
   var oplist = [

src/html/index.pug

@@ -2,6 +2,7 @@
 extends __layout/layout.pug
 
 block title
+  //-标题 
   - var title = "今生今世"
 
 block content
@@ -9,4 +10,6 @@ block content
     include __include/header
     include __include/person
     .line 
-    .motto 衣带渐宽终不悔
+    .motto 衣带渐宽终不悔
+    .row
+      .column-3.panel adsdaad