How do Bootstrap col-(xs/sm/md/lg/xl) classes work?

If, for example, I have 3 elements nested within <div class="row"> and I nest each of them inside separate <div class="col-xs-4"</div> would it have any impact on how those elements are showed on large screens (since we only specified the grid for small screens)?

As I understood, if we have only col-xs-* indicated the following grid would be applied for any screen size, but if we have explicitly indicated col-xs-, col-md-, col-xl-* for those elements it will display them differently if each of those values are different, would it be correct?

Hello @konstantin.krumin,
yes you are correct!

1 Like