Question

我了解flex sm，md，lg列的概念，但不适用于行。 flex row有什么作用？大小为sm，md和lg的行应用于弹性行是什么意思？

Answer 1

简短答案-.row只是网格col的容器。但是，flex-row，flex-column等可以用于任何 flexbox元素（不仅仅是网格的行和列）。

长期回答

flexbox direction utility classes可用于响应性地更改flexbox子级的方向（无论这些子级是网格列还是其他内容）。有4个flexbox方向：行，行反向，列和行反向

例如，包含4个子<div>元素的flexbox父<span>。您可以在xs上使孩子成为列方向，在sm或更高版本上使孩子成为行方向：

<div class="d-flex flex-sm-row flex-column">
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
</div>

当然，它们也可以用于覆盖网格.row的默认伸缩行方向。例如，反转lg和up上的列顺序：

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

另一种查看方式：

这些类用于响应地控制列 width ：
col-12，col-lg-4，col-md-5等...

这些类用于响应地控制 flexbox方向：
flex-row，flex-column，flex-md-row-reverse等...