我在这里碰壁了。
问题是当我尝试通过也使用 mr(或 ml(来填充引导行时。最初，我试图只计算数字以加起来 12，所以在我的 3 列布局中，我有一列 5，然后是一列 4，所以应该剩下 3 个，对吧？
现在，它只有在我不尝试向其添加 mr(在框/列之间(并且我所有的框(列(都在一起时才有效。当我添加 mr(高于 0(时，第 3 列被推到下面。
我明白为什么，但如何绕过它？
我通过只给第 3 列一个 col-xl-2 宽度来"解决"它，但它并没有填满行尾的空间。然后我猜这个专栏的col-lg-auto会解决这个问题，但它更窄。我很确定操纵列宽，一切都不是这里的答案，因为它破坏了页面的响应性，但它是什么？
一定是同样的问题，但是在分辨率降低的过程中，无论如何，在第 3 列被推下时，第 2 列不会再次占用第一行的全部空间。
我的代码：
<div class="row row-center">
<div class="col- col-sm-12 col-md-12 col-lg-7 col-xl-5 col-center mr-3 p-0">
<div class="tile-first-row-text">
A legfrissebb történések
</div>
</div>
<div class="col- col-sm-12 col-md-12 col-lg-4 col-xl-4 col-center mr-3 p-0">
<div class="tile-first-row-text">
Tabella
</div>
</div>
<div class="col- col-sm-12 col-md-12 col-lg-12 col-xl-2 col-center p-0">
<div class="tile-first-row-text">
Tippelde Kupa
</div>
</div>
网格系统基本上将宽度分为12个部分。因此，向其添加边距会创建额外的 px。
如果使用网格系统的大小为 1200px，则将其分为 500px + 400px + 300px。在这些列之间添加边距将使用一些宽度，而第三列在该行中没有足够的空间，因此它将第三列推到下一行。
如果列之间需要间距，请尝试使用填充而不是边距。希望我没有弄错你的问题。