Bootstrap列如何仅为large网格设置padding，medium网格不设置padding

可以实现，有两种常用方案：

方案1：使用Bootstrap原生响应式间距类（推荐） #

Bootstrap 4及以上版本内置了带断点的响应式间距工具类，语法规则为 {属性}{方向}-{断点}-{大小}，你只需要给padding类添加lg断点后缀即可，该类只会在lg及更大尺寸的视口下生效：

<div class="col-md-3 col-lg-4 pl-lg-3">
  <!-- 内容 -->
</div>

• 视口宽度小于lg（<992px）时：仅col-md-3生效，无额外padding
• 视口宽度≥lg（≥992px）时：col-lg-4和pl-lg-3同时生效，带左内边距

如果需要同时设置其他方向的padding，按需替换类名即可：

• px-lg-3：lg及以上视口下左右均加padding
• py-lg-2：lg及以上视口下上下均加padding
• p-lg-4：lg及以上视口下四个方向均加padding

方案2：自定义媒体查询适配（适用于自定义padding值或低版本Bootstrap） #

如果需要自定义padding数值，或者使用的Bootstrap版本没有内置响应式间距类，可以自己写媒体查询实现：

/* Bootstrap默认lg断点为992px，可根据你的自定义变量调整 */
@media (min-width: 992px) {
  .lg-only-padding {
    padding-left: 16px; /* 自定义padding数值 */
  }
}

HTML调用方式：

<div class="col-md-3 col-lg-4 lg-only-padding">
  <!-- 内容 -->
</div>

注意：如果不需要Bootstrap列默认的gutter间距，可以给元素添加g-0类清除默认间距，再叠加上述自定义padding类即可。

内容的提问来源于stack exchange，提问作者LDropl