Css 引导非堆叠列号根据屏幕大小更改

我需要

col

类，因为它们似乎是唯一不会堆叠的列类

基本上，我有一个表单行，在不同的屏幕大小上需要不同的列数

<div class="form-row">
    <div class="col-3"></div>
    <div class="col-8"></div>
    <div class="col"></div>
</div>

在平板电脑和平板电脑上，它需要

col-3

和

col-8

。但在手机上，它需要

col-2

和

col-9

---

如何在不重写这些引导程序本机类的情况下实现这一点？

您可以阅读本文来解决您的问题。

col-*

用于超小型设备。如果你想为你的手机设计不同的设计，你必须使用

col-sm-*

<div class="form-row">
    <div class="col-3 col-sm-2"></div>
    <div class="col-8 col-sm-9"></div>
    <div class="col"></div>
</div>

---

我想这会对你有帮助。

那很好用。谢谢我自己也经常读那个链接，但有时我只需要想一想。