Css 引导3网格对齐

你们这些天才们，祝你们好运

我需要一些引导网格对齐的帮助，我面临的问题是，当它进入响应模式时，它会像我需要的那样堆叠。我真的很感激有人能帮我把它正确地折叠和堆叠起来，这样它在移动设备上就很整洁了

如果有人能帮我做骨架而不做造型，我会非常感激，我会去做造型

我有两个示例图像，一个在全视图中，另一个是它需要如何堆叠或折叠

div.parent{ 边框：纯黑1px； 显示：表格； 填充物：5px； 宽度：100%； /*您可以更改/删除页边距*/ 保证金：5px0； } div.text{ 垂直对齐：中间对齐； 显示：表格单元格； 文本对齐：对齐； } 部门父级img{ 垂直对齐：中间对齐； 显示：表格单元格； 右侧填充：5px； 宽度：100px；/*您可以更改宽度*/ } div.img img{ 宽度：100%； /*你可以改变高度*/ 垂直对齐：中间对齐； } .我的头{ 文本对齐：居中； 颜色：白色； 垫面：0.2米； 垫底：0.2米； } .我的植物{ 字号：1em； 颜色：000； } .我的字幕{ 字号：0.80em； 颜色：A64470； 颜色：000； } .我的价格{ 字号：0.80em； 字体大小：粗体； 颜色：C0BBBB； } .my_光盘{ 字号：1.4em； 字体大小：粗体； 颜色：C0BBBB； } .我的计划持续时间{ 边缘顶部：-0.6em； } @介质最大宽度：768px{ .我的植物{ 字体大小：小； } } /*-转让-----------------*/ .我的计划1{ 背景：RGB224234242； } 我的计划我的计划{ 背景：rgb72、109、139； 颜色：白色； } 我的计划我的计划{ 背景：FEF6ED； 边框底部：厚实型FEEAD2； } /*-费用------------------*/ .我的计划2{ 背景：RGB230235218； } 我的计划我的计划{ 背景：RGB108131，62； 颜色：白色； } 我的计划我的计划{ 背景：FCDFD1； 边界底部：厚固体FEF1EC； } /*-四月-----------------*/ .我的计划3{ 背景：RGB254235212； } 我的计划我的计划{ 背景：RGB199127,40； 颜色：白色； } 我的计划我的计划{ 背景：F7D5DF； 边框底部：厚实FBEDF1； } /*-超过------------------*/ .我的计划4{ 背景：RGB254235212； } 我的计划我的计划{ 背景：RGB199127,40； 颜色：白色； } 我的计划我的计划{ 背景：EAD3DD； 边框底部：厚实线F7D5DF； } /*-超过------------------*/ .我的计划5{ 背景：RGB254235212； } 我的计划我的计划{ 背景：RGB199127,40； 颜色：白色； } 我的计划我的计划{ 背景：F8； 边界底部：厚固体C0BBBB； } 余额转移 24个月内为0% 余额转移 24个月内为0% 余额转移 24个月内为0% 余额转移 24个月内为0% 免费水信用检查。从250英镑到1200英镑的信用额度开始，你可以在第四张账单上获得增加。 一旦0%交易结束，余额转移率将为每年34.95%，并收取3%的费用

余额转移 24个月内为0% 24个月内余额转移0% 24个月内余额转移0% 24个月内余额转移0% 免费水信用检查。从250英镑到1200英镑的信用额度开始，您可以在第四张账单上获得增加。一旦0%的交易结束，余额转账利率将为每年34.95%，并收取3%的费用

24个月内余额转移0%

---

这是我的code@Luke这是一张照片。你能告诉我们你在代码方面做了哪些尝试吗？你可以编辑这个问题来添加它。对不起，它不允许我添加这个links@Luke我真的不明白这个问题。从第二张图片中，您建议它应该像这样包装。从您的示例中，我看到它确实是这样包装的。你到底想让它怎么工作？

This is my code

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<div class="col-sm-12 col-md-6 col-lg-6">

<div class="row">
  <div class="col-sm"><img src="http://www.placehold.it/90x90" class="img-responsive" alt="Some picture" width="100%" height="150"></div>
  <div class="col-sm my_planHeader my_plan1"><div class="lukeStuff">Balance Transfers</div><div class="my_planTitle">0% for 24 months</div></div>
  <div class="col-sm my_planHeader my_plan2"><div class="lukeStuff">Balance Transfers</div><div class="my_planTitle">0% for 24 months</div></div>
  <div class="col-sm my_planHeader my_plan3"><div class="lukeStuff">Balance Transfers</div><div class="my_planTitle">0% for 24 months</div></div>
</div>
<div class="col-sm-12 col-md-12 col-lg-12"><p>Free aqua credit checker. Start with a credit limit of £250-£1,200 and you    could get an increase on your 4th statement.Once the 0% deal ends the balance transfer rate will be 34.95% p.a. variable with a 3% fee.</p></div>
<div class="col-sm-12 col-md-12 col-lg-12 my_planHeader my_plan3"><div class="lukeStuff">Balance Transfers</div><div class="my_planTitle">0% for 24 months</div></div>
</div>