html - 至少如何近似模仿col-md-1.5？

Question

我需要将 Bootstrap 列调整为如下所示。

问题是，在较小的设备上，我只想隐藏两侧的空白区域，因此我不想只使用边距或填充。

我怎样才能做到这一点？ col-md-1 对于缩进来说似乎太小，而 col-md-2 太宽了。

My Codepen包含 Bootstrap。

HTML

<div class="container">
</div>

CSS

.container {
  height: 230px;
  background-color: blue;
  max-width: 1050px;
  padding-left: 15px;
  padding-right: 15px;
}

Answer 1

如果您不想声明任何新类填充等，您可以简单地嵌套列 bootply.com