Css 独自创立当屏幕较小时更改样式

我已经对Bootstrap LESS 3.1.1进行了一些测试，发现在使网站具有响应性方面，当页面较大或较小时，某些样式看起来不太好，等等

所以我试着做一些改变，比如添加一个字体权重：加粗到某个元素或更多的填充，或将其向左对齐，等等。只是因为我喜欢在屏幕为“xs”时将列折叠成一列，但这会改变布局，所以我需要重新定义一些样式

我正在使用自定义样式，并使用混合等方式将它们与无引导模式相结合。我想知道是否有一种方式可以说“小的时候做这个”或“中等的时候做这个”。我知道我有媒体查询，但除非我有一个“@media@small”或类似的名称，否则它不适合bootstrap，即使我这样做，我仍然觉得bootstrap可能已经包含了一些混合

有人知道这样做的好方法吗

---

干杯。

我想答案可能是这样的，因为它在引导文档中：

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }

即使如此，我还是想等待，看看是否还有其他方法，但看起来就是这样（因为它使用的是引导变量，所以它总是适合的）