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列与网格列结合用作explained in the article ...

<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

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

1 个答案: