Html 两列之间的填充将影响其他位置的填充

我用两列做了一行。在这两列之间，30px上有一个填充。我需要10像素。请参阅bootply.com上的实时示例

在核心引导中，“col-sm-4”类的

左填充

和

右填充

设置为15px，因此为30px。现在我的问题是，我需要在列的左侧和右侧保留15px

如何使两列之间的填充更小，而不影响左右两侧的填充

.行>分区{
边缘底部：15px；
}
.侧边栏{
背景：#dbdfe5；
}
.内容{
背景#b4bac0；
}
.侧边栏，.内容{
最小高度：300px；
}

您可以覆盖col-sm-4至7.5px的右侧填充和col-sm-8至7.5px的左侧填充

这是一个代码笔示例

但是，您需要小心，因为在大型网站上覆盖引导类可能会影响其他页面/部分。如果可以的话，您希望向div添加一些额外的类（比如col-sm-4和小的右填充以及col-sm-8和小的左填充）

所以你可以有这些规则：

.small-padding-left {
    padding-left:7.5px;
  }

  .small-padding-right {
    padding-right:7.5px;
  }

---

为什么不直接覆盖col-sm-4至7.5px的右侧填充和col-sm-8至7.5px的左侧填充？谢谢您的评论。这将是最好的解决方案，这一点非常重要。那里的页面必须使用栏目设置，每天会有很多人访问。你的建议是解决问题的最好方法吗？如果你要求的是“最好”的方法，那么你要求的是固执己见的答案。这是您希望避免的事情这将100%解决您的问题，但是，您需要小心，因为在大型网站上覆盖引导类可能会影响其他页面/部分。如果可以，您希望向div添加一些额外的类（类似于col-sm-4和小右填充，col-sm-8和小左填充。非常感谢你的回答，我感谢你的时间。我觉得自己为这个制作类感觉更好。我试图查看你更新的bootply，但我看不到代码中有任何更改，还是只有我？如果你想弄乱靴子trap

.col

左右填充，然后记住，您还必须更新

.row

的负左右边距。对不起，我已经更新了我的答案。以前从未使用过bootply.com。嗯，我只是看不出这是如何不从站点中删除填充。您有时间将代码放入JSFIDLE或其他东西中吗？我现在刚试过，但似乎删除了列左侧的填充。你可以用一支工作的代码笔检查我更新的答案

.small-padding-left {
    padding-left:7.5px;
  }

  .small-padding-right {
    padding-right:7.5px;
  }