Question

我一直在测试Bootstrap LESS 3.1.1，并发现在使网站响应时，某些样式在页面较大且尺寸较小时看起来不那么好。

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

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

有没有人知道这样做的好方法？

干杯。

Answer 1

我认为答案可能是这个，因为它在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) { ... }

即便如此，我还是想等一下，看看是否有其他方法，但看起来就是这样（因为它使用的Bootstrap变量总是适合）。

引导。屏幕很小时更改样式

1 个答案: