Is it possible to nest another row in a row?

Question

css

Is it possible to nest another row in Bootstrap? Will it be a mistake?

Answer 1

.row>.row is invalid (margin -15px from parent row will count)
.row>.col-md-12>.row is valid

Answer 2

Can! But the correctness depends on the implementation, for example, we make a 2-column template: 1 in the first column, a layout of 2 more columns:

<section>
    <div class="content">
        <div class="row">
            <div class="col-sm-8">
               <div class="row">
                   <div class="col-sm-6">
                       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam qui ut aut dolore nulla, quibusdam. Possimus laborum molestias harum officia laudantium! Et libero quis, architecto distinctio esse iure commodi vero.
                   </div>
                   <div class="col-sm-6">
                       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam qui ut aut dolore nulla, quibusdam. Possimus laborum molestias harum officia laudantium! Et libero quis, architecto distinctio esse iure commodi vero.
                   </div>
               </div>                
            </div>
            <div class="col-sm-4">
                контент сайтбара
            </div>
        </div>
    </div>
</section>