Bootstrap 4，仅在html样式中更改col-xl @media min-width

Question

我想将@media的.col-xl min-width设置为1600px; 有没有办法在html样式中设置，而不更改任何less或sass文件？我只是想从他们的官方bootstrapcnd网址上留下加载bootstrap。

Answer 1

您可以在html页面中的样式标记下更改它。

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

！重要的是要使其重要并覆盖其他引导规则。 如果你想把它内联到html标签..这是不可能的。

编辑：你想改变什么......你必须以这种给定的方式来编写它。实际上，bootstrap还有其他类用于整个col-xl网格系统。所以改变那个类css也。 例如col-xl-2{ min-width: 100px !important}