问Bootstrap 3水平dl:如何改变dt宽度？

EN

我使用的是Bootstrap的水平定义列表，但有一些更改。

我的dt需要左对齐，因为我知道内容的宽度，所以我减少了默认宽度。以下是我正在应用的SCSS规则：

dl.dl-horizontal {
  dt {
    width: 120px;
    text-align: left;
  }
  dd {
    margin-left: 135px;
  }
}

在我谈到小型设备之前，它工作得很好。在这些视口中，我看到Bootstrap将dd上的左边距设置为0。这是我在这方面的尝试：

@media only screen and (max-width: 768px) {
  dl.dl-horizontal dd {
    margin-left: 0;
  }
}

但它不会生效。

在浏览器控制台中，我可以看到媒体查询已应用于dd，但已被非媒体查询规则覆盖。据我所知，这两个规则的特异性是相同的，我已经尝试在非媒体查询规则的上方和下方定位媒体查询。