如何使用引导程序垂直和水平放置同一元素，组件

Question

我对设计有疑问。在台式机中，我使用Bootstrap 3，但也使用了flex。我都尝试过。我有8列。 在台式机中，

在移动设备中

我找不到在一种设计中怎么做。一种针对桌面的设计，一种针对移动设备的设计，这不是问题。有可能在一种设计中做到吗？ 谢谢

Answer 1

对我来说，如果没有引导代码，那是不可能的。在桌面上，您可以创建     

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