css bootstrap删除断点上的填充

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css bootstrap删除断点上的填充相关的知识,希望对你有一定的参考价值。

/* ===== NO PADDING STYLES ===== */
@media (max-width: 767px) {
	.col-xs-no-pad{padding-left:0; padding-right:0;}
}
@media (min-width: 768px)
and (max-width: 991px) {
	.col-sm-no-pad{padding-left:0; padding-right:0;}
}
@media (min-width: 992px)
and (max-width: 1199px) {
	.col-md-no-pad{padding-left:0; padding-right:0;}
}
@media (min-width: 1200px) {
	.col-lg-no-pad{padding-left:0; padding-right:0;}
}

以上是关于css bootstrap删除断点上的填充的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap - 当屏幕尺寸较小时删除填充或边距

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

css Bootstrap 4断点

css Bootstrap 3媒体查询断点

css Bootstrap的默认响应断点

css Bootstrap的默认响应断点