css - 为什么在 col-sm 和 col-md 等正常工作时不进行协作？

Question

在此页面上，http://phglass.cl/tienda/vista/carrito.php (添加产品后) 我正在使用此页面中的可自定义 Bootstrap :https://getbootstrap.com/docs/3.4/customize/ 我只选择了“网格系统” 任何使用 col-sm-2 或更高版本的东西都可以工作，但是当我尝试使用 col-2 时，它只会显示为全宽，我该怎么做才能修复它？

<div class="col-md-6 col-sm-2 col-2">

已解决:对于 bootstrap 3，我必须使用 col-xs-2 而不是 col-2

Answer 1

首先，尝试使用 Boostrap 4

<div class="container">
 <div class="row">
   <div class="col-12 col-md-8">.col-12 .col-md-8</div>
   <div class="col-6 col-md-4">.col-6 .col-md-4</div>
 </div>
</div>

这是来自 Boostrap 的示例.记住你需要导入库