html - 自举形式:网格系统上的某些固定宽度的列？

我正在使用引导程序表单，并试图获得这种布局

| col-sm-4 | col-sm-2具有固定宽度的列| col-sm-6 |

对于固定宽度的列，我像这样设置css

.fixed-width {
  min-width: 200px;
  width: 200px;
}

这种工作，但我认为它破坏了响应行为。是否有惯用的方法在引导程序的网格系统上包括固定宽度的元素？

示例：https://www.bootply.com/Qeq0BKqKlS#

最佳答案

使用媒体查询。

单击here以了解什么以及如何使用媒体查询。