Bootstrap 4：col-lg和col-md尺寸

Question

所以我正在创建一个致敬页面，您可以在这里查看 - ＆gt; https://codepen.io/Mike-was-here123/pen/xpEqWX

这一切都基于您可以在第2行和第2行找到的jumbotron。 3代码。

col-lg-8 offset-lg-2以1920px为中心，col-lg-8宽度：

此效果993px有效，宽度为col-md-12：

然后它最终切换到990px左右lg。这样就可以让jumbotron占据所有12列，为文本提供更多空间：

如您所见，1000px有很多范围。它与1920px的{​​{1}}具有相同的效果。这可能会让我感到烦恼，因为我的lg设置在1920px时看起来很好，但到1000px左右它仍然没有切换到md，导致图像变得笨拙。这大约是1000px的差异，让我搞砸了。无论如何我可以介入lg和md之间，还有其他任何尺寸？是否像col-lg-这样的类可以用来在lg和md之间的中间点添加10列和1个偏移量？我是否必须使用@media（css）进行检查，然后在可能的情况下更改列方式？

Answer 1

而不是

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

你能用吗？

<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12">

Answer 2

只需使用

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