Bootstrap - макет столбца Two с одним столбцом, имеющим две строки, и одним с тремя макетами, используя только один родительский контейнер - PullRequest
Новая
       55

Bootstrap - макет столбца Two с одним столбцом, имеющим две строки, и одним с тремя макетами, используя только один родительский контейнер

0 голосов
/ 25 апреля 2020

Я пытаюсь создать макет из двух столбцов внутри одного родительского div с такой структурой html, как эта layout-image 

<div class="container">
 <div class="item large column-1 row-1"></div>
 <div class="item column-1 row-2"></div>
 <div class="item column-1 row-2"></div>
 <div class="item column-2 row-1"></div>
 <div class="item column-2 row-2"></div>
 <div class="item column-2 row-1"></div>
</div>

До сих пор мне удавалось что-то подобное с используя bootstrap сетку. https://codepen.io/1pavan/pen/OJypmxR

Я знаю, что это может быть достигнуто с помощью 2-х оберточных div внутри контейнера, например: 

<div class="container">
 <div class="wrapper">
    <div class="item large column-1 row-1"></div>
    <div class="item column-1 row-2"></div>
    <div class="item column-1 row-2"></div>
</div>
 <div class="wrapper">
   <div class="item column-2 row-1"></div>
   <div class="item column-2 row-2"></div>
   <div class="item column-2 row-1"></div>
</div>
</div>

Но я хочу добиться этого с помощью первой структуры div .

Заранее спасибо.

...