Как в bootstrap решена задача адаптирования сетки в зависимости от доступной ширины родителя (а не от ширины виюпорта)?

Не собираюсь изучать Bootstrap, но одно мне из него интересно.

Допустим мы определили, сколько конкретный компонент должен занимать колонок на маленьких, больших и средних экранах, а из обновлённого технического задания оказалось, что этот компонент будет использоваться как в одноколочном, так и в двухколоночном макетах.

Как в bootstrap решена эта задача? Знаю, что эта проблема действительно существует, и Grid layout стал важным, но не последним шагом в её решении.

Из статьи "Знакомство с CSS Grid Layout":

Раскладка, основанная на медиавыражениях, привязана к области просмотра, это не подходит для изолированных модулей – компоненты должны адаптироваться к тому пространству, которое им доступно.

Grid layout решает эту задачу неидеально: что, если например нам нужно переменное расстояние между колонками в зависимости от доступной ширины или разная минимальная длина колонки для одноколоночной или двухколоночной раскладки?