如何在断点上更改列大小

Question

页脚在台式机上工作正常，但是当它在SM断点中时，我会更改列大小。 我现在用于页脚的课程是，

<div class="col-md-4"></div>

with with with with of智能手机，

因此，我将其更改为

class="col-md-4"

当断点在SM.

时

由于我想要的是我想要的，

我的问题是在我的SCSS文件中如何。

我认为您误解了bootstrap网格系统

，而您无需更改SCSS。

它是一种移动领先的网格系统。正如文档所说：

Answer 1

使用我们功能强大的移动优势弹性箱网格，借助十二列系统，六个默认响应式层，SASS变量和Mixins以及数十个预定义的类，构建各种形状和尺寸的布局。 因此，您需要定义类内部的默认列大小。例如：

<div class="col-md-3"></div>

为什么

<div class="col-12 col-md-3"></div>

，而不是

col-md-3

？

解释：

Bootstrap网格系统连续12列组成。因此，当您想制作一列时，将整个行尺寸置于整个行大小时，需要将类设置为

col-md-4

，因为它是移动优先。因此，您可以将屏幕尺寸扩展到中等，然后添加类

col-12

。我看到您连续使用4列。因此，您需要将单个列设置为3，因为3倍4列等于12（整个行尺寸）。

那么，代码将看起来像这样：

col-md-3

不要忘记将其包裹在容器和行中。

this帮助