Nested rows and col

Hi,

I have rows nested inside the col i.e. something like this :

<div class="row">
   <div class="col" ng-repeat="i in items">
        <div class="row">
           <div class="col"></div>
           <div class="col"></div>
        </div>
   </div>
</div>

If I apply “responsive-sm” to the outer most “row” then I see it impacting all the columns … i.e. the nested ones as well ?

Is this intentional ?. Is nesting of rows allowed/possible ?

Please guide

Regards & thanks
Kapil