时间戳

首页 > 解决方案 > 如何使用引导程序垂直和水平放置相同的元素，组件

twitter-bootstrap - 如何使用引导程序垂直和水平放置相同的元素，组件

问题描述

我的设计有问题。在桌面上，我使用 Bootstrap 3，但我也使用过 flex。我都试过了。我有 8 列。在桌面，

在此处输入图像描述

在移动

在此处输入图像描述

我找不到如何在一种设计中做到这一点。一种设计用于桌面，一种设计用于移动，这不是问题。是否有可能在一种设计中做到这一点？谢谢

标签： twitter-bootstrapcsstwitter-bootstrap-3bootstrap-4

解决方案

对于使用引导程序的我来说，不分离代码是不可能的。在桌面中，您可以创建 

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

推荐阅读