With update to 5.5.7, bootstrap_barrio.breakpoints.yml was changed. For small medias the min-width query was deleted. So the fallback to xs-devices did not work anymore.
I did not find any mentioning of that change in the release notes. So I noticed the missing responsive image for xs only after one month, by coincidence.
I created my own breakpoints.yml file, with a separate media query for xs devices.
bootstrap_barrio.xs:
label: extrasmall
mediaQuery: ''
weight: 0
multipliers:
- 1x
- 2x
bootstrap_barrio.small:
label: small
mediaQuery: 'all and (min-width: 34.01em)'
weight: 1
multipliers:
- 1x
- 2x
bootstrap_barrio.medium:
label: medium
mediaQuery: 'all and (min-width: 48em)'
weight: 2
multipliers:
- 1x
- 2x
bootstrap_barrio.large:
label: large
mediaQuery: 'all and (min-width: 62em)'
weight: 3
multipliers:
- 1x
- 2x
bootstrap_barrio.extra:
label: extra
mediaQuery: 'all and (min-width: 75em)'
weight: 4
multipliers:
- 1x
- 2xFixed
5.5
Code