Bootstrap 5 Columns Wrapping

Columns are an integral part of the grid system. The columns are placed inside the row that is wrapped by a container. If more than 12 columns are placed within a single row, they will wrap to the next line automatically as one unit. 

Bootstrap 5 Columns wrapping Classes: There is no specific class to wrap up the 13th or more than the 12th column, it automatically does that, you better to have knowledge about Bootstrap 5 Grid System Row Columns.

Syntax:

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

Example 1: In this example, we set and wrap the column when it exceeds more than the 12 using .col wrap classes.

Output:

Example 2: In this example, we set and wrap the column on different screen sizes when the column increases more than 12.

Output:

Reference: https://getbootstrap.com/docs/5.0/layout/columns/#column-wrapping