在SM上为Flex，但在XS上为Flex

Question

我有以下HTML：

<div class="d-sm-flex flex-sm-row flex-sm-row-reverse">
   <div class='ml-2'></div>
   <div class='ml-2'></div>
   <div class='ml-2'></div>
</div>

这可以按预期工作，但是在XS模式下，我希望照常显示列。但是，如果我将div类设置为col ml-2，那么它将破坏flex显示。如何设置为在XS中显示cols但在SM及更高版本中显示cols？

Answer 1

因此，根据您的评论，您可以执行此操作：

Answer 2

请尝试这个。