Bootstrap 3仅在col-md和col-lg类上应用类，但在col-sd类上不应用类

Question

我有3个具有相同结构的div 所以对于大中型它是3 + 3 + 3 = 9，所以我还剩下3列，自己用自己的边缘计算创建一个类是个好主意（我必须从两边边缘1.5列以使它看起来在中心）

<div class="col-md-3 col-sm-4 col-lg-3 col-md-lg-push-1.5">
  <article>
    <header>
    </header>
  </article>
</div>

自定义边距在大屏幕上解决问题，但在小屏幕上看起来不太好。

注意：我找到了修改bootstrap css的解决方案，并放置了一个类

.col-md-lg-push-1.5 {
  left: 12.5%;
}

并将其粘贴在多个位置，例如

@media (min-width: 768px) and (max-width: 990px) { 
   .col-md-lg-push-1.5 {
     left: 2.5%;
   }
}

@media (min-width: 990px) {
   .col-md-lg-push-1.5 {
     left: 12.5%;
   }
}