On my .aspx page, I have the code snippet below:
.cDiv {
background-color: gray;
}
.tColor {
background-color:yellow;
}
.tColor2 {
background-color:blue;
}
<div class="container">
<div class="row">
<div class="col-sm-9 tColor">
Level 1: .col-sm-9
<div class="row">
<div class="col-sm-6 tColor2">
Level 2: .col-sm-6
</div>
<div class="col-sm-6 cDiv">
Level 2: .col-sm-6
</div>
</div>
</div>
</div>
</div>
The issue arises when the second column exceeds the width of its parent element. This leads to the following output: