The cols attribute: This is the default for smaller screen sizes (mobile, including xs). If you set cols=”4″, it means the component will take up 12 columns on the smallest screen size (and any larger size that isn’t explicitly specified).
The xs attribute: If you specify xs=”2″ but also have cols=”4″, the cols attribute will take precedence because it acts as an alias for the smallest size. In this case, xs=”2″ will have no effect.
