Css 在引导4中使用多个响应性布局

如果我们使用bootstrap3，我们可以编写

<div class="row">
<div class="col-lg-6 col-md-6 col-xs-12">
</div>
<div>

---

但是如何在Bootstrap4中实现同样的功能呢？我试过使用

，但它只能作为col-lg-12（全宽）使用。我需要对不同的类使用相同的div，比如在BS3和BS4中。我该怎么做呢？

您可以使用

col-12 col-md-6

作为您的类。

您在BS3中的示例：

<div class="row">
    <div class="col-lg-6 col-md-6 col-xs-12">
    </div>
<div>

BS4版本：

<div class="row">
    <div class="col-md-6">
    </div>
<div>

在中等设备下面的上述代码中，它将是全宽（12列），因为这是默认值

---

中型及以上设备的宽度为6列。

BS4的宽度相同。除了没有xs设备和xl设备，所以他们重新安排了一些。你可以通过这两个选项中的网格选项部分来查看差异。那么，如果我使用sm而不是xs，它会是相同的吗？同样，我可以使用sm equal to md和lgequal to xl吗？你只需要在你的案例中加入

col-12 col-lg-6

，通过演示查看文档并使用这些类，然后你就可以理解它的用法了。谢谢你，我没用。我认为col-12始终覆盖col-md-6。您希望元素以什么分辨率占据一半宽度？因为BS4网格（）与BS3有不同的断点