V5 Grid System docs issues

[kohheepeace]

I've found docs issue at
https://getbootstrap.com/docs/5.0/layout/grid/#example

📌 Issue

Does col-sm creates three equal-width columns across all devices and viewports?

📌 Issue example

The below image is layout of iPhone 6 plus. It doesn't create 3 columns.

📌 Docs at v4.6

I think docs at v4.6 is correct.
https://getbootstrap.com/docs/4.6/layout/grid/#how-it-works

The above example creates three equal-width columns on small, medium, large, and extra large devices using our predefined grid classes. Those columns are centered in the page with the parent .container.

PR

If this is an issue that needs to be fixed, I'd like to send a PR.

Thanks !

Environment

Operating system and version: Windows
Browser and version: Chrome 89.0.4389.114

[ffoodd]

I agree, this is a wrong assertion: either get the 4.6 docs sentence back or get rid off -sm suffix to make the sentence true. The latter would require to reword columns content (maybe something like "⅓ column").

[kohheepeace]

I think it would be better to remove the sm prefix.

Because the following code is the simplest grid system example.

<div class="container">
  <div class="row">
    <div class="col">
    </div>
    ...
  </div>
</div>

It also makes sense to separate this "example" section from the "How it works" section in v5.0

[mdo]

Closed by #33676