Как правильно разбить на части блок внутри блока?

Question

[sergemin]

Могу ли я сделать так:

<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>

Или нужно без див.контейнер внутри или без див.роу? В общем, как разбить уже разбитый элемент?

Answer 1

[iBird Rose]

container в container нельзя вкладывать. а row обязателен. вот так правильно:

<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

[Павел]

Ещё один row и контейнер не нужны. По сути колонка col-lg-4 имеет ещё 12 колонок...

Comments

[sergemin]

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

         </div>
        <div class='col-lg-4'></div>
        <div class='col-lg-4'></div>

   </div>
</div>

Так, что ли? А как же row? Он же вроде чистит float'ы
Как быть с float'ами?

[Павел]

sergemin: а причем тут флоаты? Какой структуры Вы конкретно хотите добиться? col-lg-4 по сути имеет ширину 33%, в ней два блока col-lg-6 каждый по 50%

[Павел]

Если хотите удалить float'ы добавьте блоку clearfix или отдельный div с классом clearfix там где нужен перенос, показывайте его с помощью классов для разных устройств hidden-xs, hidden-md и т.д.

[sergemin]

PavelMonro думаю, что iBird Rose прав