What will happen in the below example? <div class="row"> <div class="col-11"></div> <div class="col-2"></div> </div>
Understand the Problem
The question is asking about the behavior of HTML/CSS layout within a specified code example, particularly how two columns behave when placed within a row. It's looking for an understanding of layout adjustments in web development.
Answer
The last column is shifted to the next row.
The last column is shifted to the next row.
Answer for screen readers
The last column is shifted to the next row.
More Information
In Bootstrap's grid system, columns within a row must total 12 or fewer. If the total exceeds 12, the overflowing columns will move to the next line.
Tips
A common mistake is assuming that columns will automatically adjust to fit within a single row without wrapping.
AI-generated content may contain errors. Please verify critical information
Thank you for voting!
