Как вставить один и тот же элемент, компоненты вертикально и горизонтально с помощью начальной загрузки - PullRequest
Новая
       15

Как вставить один и тот же элемент, компоненты вертикально и горизонтально с помощью начальной загрузки

0 голосов
/ 08 ноября 2018

У меня проблема с дизайном. В настольном компьютере я использую Bootstrap 3, но я также использовал flex. Я попробовал оба. У меня есть 8 столбцов. На рабочем столе

enter image description here

В мобильном

enter image description here

Я не могу найти, как это сделать в одном дизайне. Один дизайн для настольного компьютера, один дизайн для мобильного телефона, это не проблема. Возможно ли сделать это в одном дизайне? Спасибо

1 Ответ

0 голосов
/ 08 ноября 2018

Для меня с начальной загрузкой это невозможно без разделения кода. На рабочем столе вы можете создать 

<div class="col-md-2">1801290001</div>
<div class="col-md-2">Roldán Rodriguéz, David</div>
<div class="col-md-1">-</div>
<div class="col-md-1">Absentismo</div>
<div class="col-md-1">30/05/2018</div>
<div class="col-md-1">30/05/2018</div>
<div class="col-md-2"><button type="button" class="btn recruitment">PDTE. 
CONTRACIÓN</button></div>

и в телефоне нужно 

     <div class="col-1 col-md-1"><input type="checkbox" value=""></div>
     <div class="col-10 flex-column">
     <div >1801290001</div>
     <div >Roldán Rodriguéz, David</div>
     <div >-</div>
     <div >Absentismo</div>
     <div >30/05/2018</div>
     <div >30/05/2018</div>
     <div ><button type="button" class="btn recruitment">PDTE. CONTRACIÓN</button> 
         </div>
</div>
...