Twitter bootstrap 如何使用bootstrap垂直和水平放置相同的元素、组件

我的设计有问题。在桌面上，我使用Bootstrap3，但我也使用了flex。我两个都试过了。我有8个专栏。 在桌面上

移动电话

我不知道如何在一个设计中做到这一点。一个是桌面设计，一个是手机设计，这不是问题。有可能在一种设计中实现吗？

---

谢谢你

为我提供了引导，如果不分离代码，这是不可能的。在桌面上，您可以创建

1801290001
罗尔丹·罗德里格斯，大卫
-
缺席
30/05/2018
30/05/2018
PDTE。
合同

还有你需要的电话

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

1801290001
罗尔丹·罗德里格斯，大卫
-
缺席
30/05/2018
30/05/2018
PDTE。合同

您的意思是，两台设备的外观相同？不，设计非常不同。这些是我的意思：你想要什么？我看不出这里有什么问题。现在我需要创建两个不同的页面，一个是桌面页面，一个是电话页面，我想在一个页面中完成。我会给你一个示例，但这是关于引导中响应的文档。

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