Разделить позиции для начальной страницы 3 отзывчивой страницы

Question

Я пытаюсь преобразовать страницу в адаптивную с помощью начальной загрузки 3. нужно 3 деления

в мобильной версии нужно DIV2 для отображения ниже div3.

Можно ли сделать так, как отображается с текущим кодом

DIV1

---

DIV2

---

DIV3

Пример страницы: http://www.examguides.com/Networkplus/network-plus-1.htm

Answer 1

Будет ли это работать для вас?
https://codepen.io/panchroma/pen/bmbZaG

HTML

<div class="row parent">
  <div class="col-md-8 div1">Div 1</div>
    <div class="col-md-12  div3">Div 3</div>
  <div class="col-md-4  div2">Div 2</div>
</div>  

CSS

.row.parent{
  position:relative;
}

/* move .div2 to top right of .row.parent when viewport is 992px or more */
@media (min-width: 992px) {
  .div2{
    position:absolute;
    top:0;
    right:0
  }
}