Css col lg的不同行为

我有一张卡，它的大小是3。但我希望监视器1920x1080和1366x768的行为有所不同。但这两种情况都是如此

例如：

• col-1g-2920x1080=col-IgG
• col-1g-1366x768=col-IgG

您可以使用来区分两种屏幕大小：

例如：

---

您可以执行与前面相同的操作，但需要下载bootstrap 4 sass文件并将lg grid breakpoint从_variables.scss文件重置为1080px，如下所示

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 1080px,
  xl: 1200px
) !default;

并重新编译整个源代码以获得新的自定义引导CSS文件。 像这样使用它

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

这是您需要更改的文件。

但作为开发人员，不建议这样做。但当然，如果你有意实现这样的设计，这是可能的

---

Bootstrap3使用更少的预处理器，我相信它是可变的@屏幕md:992px@屏幕lg:1200px；没有xl，因此您可以根据需要进行编辑并重新编译。我认为这应该行得通。

引导程序只构建为标准大小。如果你想在网格中添加额外的代码，你需要用CSS和媒体查询来编写你自己的代码。引导网格——CSS媒体查询——我不知道用col lg的风格应该放什么-3@RafaelAugusto你想如何设计这两种行为（即，解释你在问题中提到的“不同行为”）？您从未在问题中指定。此项目使用css和bootstrap 3。我可以在boostrap3中做类似的事情吗？

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