Question

我希望引导程序仅在设备大小小于500px时堆叠列，但是在达到额外的小阈值768之后，下面的代码将它们堆叠起来。如何更改它？

<div class="row">
  <div class=" col-sm-4">
  1
  </div>
  <div class=" col-sm-4">
  2
  </div>
  <div class=" col-sm-4">
  3
  </div>

Answer 1

您可以更改较少的文件变量

变化

screen-sm-min = 768px

到

screen-sm-min = 500px

如果您想要小型设备（默认值<768px），您可以使用

class=" col-sm-4 col-xs-12"

Answer 2

你正在使用col-sm它适用于小型设备，而不是col-sm使用col-xs可能会解决你的问题。

<div class="row">
 <div class=" col-xs-4">
  1
 </div>
 <div class=" col-xs-4">
  2
 </div>
 <div class=" col-xs-4">
  3
</div>