Похоже, что в 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>
Используйте столбцы 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
Он работает в коде, поэтому вам нужно будет опубликовать свой код
Хм, это не работает, как я ожидал. Он перемещает содержимое моего 3-го столбца во вторую строку.