添加Metronic（作为LFS）

frontend/static/css/base/responsive.css

@@ -0,0 +1,160 @@
+/***---response---***/
+*,*:before,*:after{
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+/*(min-width:1024px)*/
+@media screen and (min-width: 1024px){
+	.container{
+		margin: 0 auto;
+	}
+	.row{
+		position: relative;
+	}
+	.row:last-of-type{
+		margin-bottom: 0;
+	}
+	.column{
+		float: left;
+		width: 100%;
+	}
+	/*--1/2--*/
+	.half{
+		width: 50%;
+	}
+	/*--1/3--*/
+	.third{
+		width:33.3333%;
+	}
+	/*--2/3--*/
+	.two-thirds{
+		width: 66.6667%;
+	}
+	/*--1/4--*/
+	.fourth{
+		width:25%;
+	}
+	/*--3/4--*/
+	.three-fourths{
+		width:75%;
+	}
+	/*--1/5--*/
+	.fifth{
+		width:20%;
+	}
+	/*--2/5--*/
+	.two-fifths{
+		width:40%;
+	}
+	/*--3/5--*/
+	.three-fifths{
+		width:60%;
+	}
+	/*--4/5--*/
+	.four-fifths{
+		width:80%;
+	}
+	/*--1/6--*/
+	.sixth{
+		width: 16.6667%;
+	}
+	/*--5/6--*/
+	.five-sixths{
+		width: 83.3333%;
+	}
+	/*--1/7--*/
+	.seventh{
+		width: 14.2857%;
+	}
+	/*--2/7--*/
+	.two-sevenths{
+		width: 28.5714%;
+	}
+	/*--3/7--*/
+	.three-sevenths{
+		width: 42.8571%;
+	}
+	/*--4/7--*/
+	.four-sevenths{
+		width: 57.1429%;
+	}
+	/*--5/7--*/
+	.five-sevenths{
+		width: 71.4286%;
+	}
+	/*--6/7--*/
+	.six-sevenths{
+		width: 85.7143%;
+	}
+	/*--1/8--*/
+	.eighth{
+		width:12.5%;
+	}
+	/*--3/8--*/
+	.three-eighths{
+		width:37.5%;
+	}
+	/*--5/8--*/
+	.five-eighths{
+		width:62.5%;
+	}
+	/*--7/8--*/
+	.seven-eighths{
+		width:87.5%;
+	}
+	/*--1/9--*/
+	.ninth{
+		width:11.1111%;
+	}
+	/*--2/9--*/
+	.two-ninths{
+		width:22.2222%;
+	}
+	/*--4/9--*/
+	.four-ninths{
+		width:44.4444%;
+	}
+	/*--5/9--*/
+	.five-ninths{
+		width:55.5556%;
+	}
+	/*--7/9--*/
+	.seven-ninths{
+		width:77.7778%;
+	}
+	/*--8/9--*/
+	.eight-ninths{
+		width:88.8889%;
+	}
+	/*--1/10--*/
+	.tenth{
+		width: 10%;
+	}
+	/*--3/10--*/
+	.three-tenths{
+		width: 30%;
+	}
+	/*--7/10--*/
+	.seven-tenths{
+		width: 70%;
+	}
+	/*--9/10--*/
+	.nine-tenths{
+		width: 90%;
+	}
+	/**反向文档流**/
+	.flow-opposite{
+		float: right;
+	}
+}
+
+/*(max-width: 1024px) and (min-width:768px)*/
+@media only screen and (max-width: 1024px) and (min-width: 768px){
+	
+}
+
+@media only screen and (max-width: 768px){
+	
+}