网页设计引导程序 4 个可调整大小的列答案

【问题标题】：webpage design bootstrap 4 resizable columns网页设计引导程序 4 个可调整大小的列
【发布时间】：2019-03-21 18:48:25
【问题描述】：

制作一个主要针对移动设备的网站。尝试在桌面浏览器上使类别菜单（圆形照片）居中，然后在移动设备上查看时调整大小并堆叠成 2 行，每行 3 行。有人可以帮助我使用正确的 bootstrap4 命令来完成这项工作吗？

https://i.imgur.com/iAB4Pic.jpg

https://i.imgur.com/kZkvNTE.jpg

【问题讨论】：

能否添加源代码进行检查？
a>
计算

电视

标签： html bootstrap-4 navbar web-deployment

【解决方案1】：

使用以下代码：

<div class="container">
  <div class="row">
    <div class="col-6 col-sm-2">One</div>
    <div class="col-6 col-sm-2">Two</div>
    <div class="col-6 col-sm-2">Three</div>
    <div class="col-6 col-sm-2">Four</div>
    <div class="col-6 col-sm-2">Five</div>
    <div class="col-6 col-sm-2">Six</div>
  </div>
</div>

【讨论】：

【解决方案2】：

 <div class="container">
   <div class="row">
    <div class="col-6 col-sm-2">One</div>
    <div class="col-6 col-sm-2">Two</div>
    <div class="col-6 col-sm-2">Three</div>
    <div class="col-6 col-sm-2">Four</div>
    <div class="col-6 col-sm-2">Five</div>
    <div class="col-6 col-sm-2">Six</div>
   </div>
 </div>

感谢 Farhan Erooth 的回答！

【讨论】：

你为什么要复制/粘贴 Farhan Erooth 的答案？