Twitter bootstrap 引导4，仅在html样式中更改col xl@media min width

我想将@media的.col xl最小宽度设置为1600px；

---

有没有一种方法可以在不改变任何更少或sass文件的情况下，仅以html样式设置？我只想离开从官方bootstrapcnd URL加载引导。你可以在html页面的样式标签下更改

<style> 
   @media screen and (min-width: 480px) {
     .col-xl {
       min-width: 1600px !important;
     }
   }
</style>

@媒体屏幕和屏幕（最小宽度：480px）{
.col xl{
最小宽度：1600px！重要；
}
}

!！重要的是使其变得重要并覆盖其他引导规则。 如果要将其内联到html标记中。。这是不可能的

编辑：您想要更改的内容。。你必须用这种方式写。实际上，bootstrap还为整个col-xl网格系统提供了其他类。所以也要改变这个类。

---

例如，对于

col-xl-2{min width:100px！important}

您的意思是仅针对

.col-xl

类，还是针对整个xl层（例如：col-xl-1、col-xl-2、col-xl-3等）。我想为大于1600px的浏览器窗口设置6列（col-xl-2），并保持col-lg-4不变。我试过了，但没用。我的专栏是。。。我在styles@media screen和（min width:1600px）{.col xl{min width:100px！important；}}中添加了样式，所以我的目标是当浏览器的宽度超过1600px时有6个解决方案。Min width不是列的宽度，而是屏幕的宽度。write col-xl-2{Min width:100px！重要信息}请参见编辑您可以在此处看到工作示例。。但col-lg-4仅用于测试目的。。同样，您也可以进行所需的更改。。。不，不行。让我更清楚地解释一下：Bootstrap4网格系统使用lg≥992px和xl适用于≥1200像素。我想在UchitKumar处有4列用于浏览器宽度高达1600px（so col-lg-3），6列用于浏览器窗口宽度大于1600px（col-xl-2）。。我认为OP想要更改断点的屏幕宽度，而不是

col xl-*

的最小宽度，因为它首先没有

min width

。