I have been using Bootstrap for three or four months now. I am always using such a sequence of endpoints, for example:

<div ></div>

So, in sequence I mean that I am starting from large screen size and then to mobile version. But in many Bootstrap Templates I see an opposite, for example:

<div ></div>

With Bootstrap, does it matter which sequence I will use and if yes, which practice is better and why?

Thank you!

CodePudding user response：

Bootstrap believes in mobile first responsive design, they start building components on smallest breakpoint and then layers on styles to adjust that design for larger devices, so they start with col-12 and end with col-xxl-5. In short order doesn't matter, its a good practice if you use the order as specified by them.

<div ></div>

https://getbootstrap.com/docs/5.0/layout/breakpoints/#core-concepts