Bootstrap is one of the most popular frameworks, and its grid system makes responsive design easy. This system is used to divide content into various columns, but sometimes you may want to create new rows.
In Bootstrap, this can be accomplished by using the w-100 class. This class sets the width of the element to 100%, resulting in the next column being pushed to a new row.
<div class="row">
<div class="col">1</div>
<div class="col">2</div>
<div class="w-100"></div>
& lt;div class="col">3</div>
</div>In this example, a div element with class w-100 is inserted between columns 1 and 2, pushing column 3 to a new row.
Thus, when using Bootstrap’s grid system, the w-100 class can be leveraged for finer control over content placement.