How to properly break apart a block within a block?

Question

Bootstrap

Can I do like this:

<div class='container'>
   <div class='row'>
        <div class='col-lg-4'>
                <div class='container'>
                       <div class='row'>
                             <div class='col-lg-6'></div>
                              <div class='col-lg-6'></div>
                       </div>
                 </div>
         </div>
        <div class='col-lg-4'></div>
        <div class='col-lg-4'></div>

   </div>
</div>

Or is it necessary without a div.container inside or without a div.row? In general, how to break an already broken element?

Answer 1

container cannot be nested in container. and row is required. like this is correct:

<div class='container'>
   <div class='row'>
        <div class='col-lg-4'>
                
                       <div class='row'>
                             <div class='col-lg-6'></div>
                              <div class='col-lg-6'></div>
                       </div>
                 
         </div>
        <div class='col-lg-4'></div>
        <div class='col-lg-4'></div>

   </div>
</div>

Answer 2

Another row and container are not needed. Basically the col-lg-4 column has 12 more columns...