Just for information please about the bootstrap 4 breakpoints

In Bootstrap 4 there are 5 set breakpoints
Extra Small (.col-X) = less than or equal to 576px
Small (.col-sm-X) = larger than or equal to 576px
Medium (.col-md-X) = larger than or equal to 768px
Large (.col-lg-X) = larger than or equal to 992px
Extra Large (.col-xl-X) = larger than or equal to 1200px

Now I see that obviously within the App Structure properties panel on say a column I can set all 5 breakpoints as different parameters, so my question is the Design View breakpoints only really account for 4 breakpoints and not 5 unless i am very mistaken, which i could be.

So lets say as an example I set the following a blank page with a container > row > column and set COLUMN PROPERTIES to
Desktop > Size = 6
Laptop > Size = 1
Tablet > Size = 6
Mobile > Size = 1
All (Equivalent of Extra Small) > Size = 6

Now in my Design preview I want to look at each size i just set i click on
Full icon and see 6
Desktop icon and see 6
Laptop icon and see 1
Tablet icon and see 6
Mobile icon and see 1
It seems in design view there is no way to see Extra Small

Has anyone else noticed this or is it just me.

Community Page
Last updated: