css Bootstrap Grid 5列

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css Bootstrap Grid 5列相关的知识,希望对你有一定的参考价值。

/* 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%;
	}
}

以上是关于css Bootstrap Grid 5列的主要内容,如果未能解决你的问题,请参考以下文章

学习 Bootstrap 5 之 Grid

html HTML,CSS,Bootstrap:使用Twitter Bootstrap进行5列布局

css 使用Twitter Bootstrap进行5列布局

Bootstrap 3 Grid如何使嵌套列的高度与最大的列相同

部分显示ag-grid单元内的Bootstrap工具提示

Bootstrap Grid 列之间的边界不起作用