Bootstrap 4 网格 - 3 列 - 5.5 - 1 - 5.5

Question

看起来半列大小在 Boostrap 4 中是可行的。

我正在尝试做一个基本的响应式布局，如下所示。我意识到他们必须增加到 12。

第 1 (5.5) 栏 - 第 2 (1) 栏 - 第 3 (5.5) 栏

这篇文章似乎暗示这是可能的？我想确保它保持基本排水沟和间距。

https://medium.com/wdstack/the-bootstrap-4-is-getting-odd-e9400b121719

实现这一目标的最简单方法是什么？就像是：

<div class="row">
    <div class="col-55">
        Col 1 - 55%
    </div>
    <div class="col-05"> 
       Col 2 - 5%
    </div>
    <div class="col-55"> 
      Col 3 - 55%
    </div>
</div>

Answer 1

auto-layout如文章中所述，将列与网格列结合使用...

<div class="row">
    <div class="col">
        5.5
    </div>
    <div class="col-1">
        1
    </div>
    <div class="col">
        5.5
    </div>
</div>

https://www.codeply.com/go/Io0HKVWjmD