This was very helpful after researching this topic for hours on 100% width, especially with Bootstrapv4 when it comes to phone size view and 100% coverage without the scroll at the bottom. Hopefully they will fix this before releasing it officially. As for now, if I’m understanding it, when your screen size goes down to phone (xs?), their source code for Sass has padding set to -24 for right and left. :
-containers are not for 100% width … instead fixed width as per device size ( media query ) . Just there to take a fixed and neat width ( center aligned ), specially used for written material ( content ).
-container-fluid are there for a full width but also has a padding right and left of 15px each, specially used for written material ( content ) that takes up the full screen.
-sections are there for 100% width of the screen. specially used in the backgrounds
.row.no-gutters is enough i guess . no need for including container, container-fluid or section just nest them around as per requirement. For eg…
-* If you are looking for a center aligned fixed width, nest the row within a container
-* If you are looking for a full screen but with a tiny left and right padding, nest the row within a container
-* If you are looking for a 100% full screen with no padding, nest the row within a section