diff --git a/pianyi.html b/pianyi.html
new file mode 100644
index 0000000..2bfc6c6
--- /dev/null
+++ b/pianyi.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+<head>
+    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/xiangyishi.css">
+    <style>
+        .row div{
+            height:200px;
+            border:1px solid red;
+            float:left;
+        }
+    </style>
+</head>
+<body>
+   <div class="container">
+       <div class="row">
+            <div class="col-l-2 col-m-3 col-s-4">1</div>
+            <div class="col-l-2 col-m-3 col-s-4 col-l-push-6">2</div>
+            <div class="col-l-hide col-m-3 col-s-4">3</div>
+            <div class="col-l-2 col-m-3 col-s-hide col-l-offset-2">4</div>
+            <div class="col-l-2 col-m-hide col-s-hide col-l-pull-6">5</div>
+            <div class="col-l-2 col-m-hide col-s-hide">6</div>
+       </div>
+   </div>
+</body>
+</html>
\ No newline at end of file
