css 自定义网格CSS 1/5与Bootstrap断点

Posted 2021-05-13

/*Custom Grid*/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1-5 {
	float: left;
	width: 20%;
}
@media (min-width: 768px) {
	.col-sm-1-5 {
		float: left;
		width: 20%;
	}
}
@media (min-width: 992px) {
	.col-md-1-5 {
		float: left;
		width: 20%;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		float: left;
		width: 20%;
	}
}