Как я могу создать сетку с использованием системы сеток Bootstrap 5 для колонок с заданной фиксированной шириной?

Чтобы создать сетку с колонками фиксированной ширины с использованием Bootstrap 5, вам потребуется следующий HTML-код:

```html
<div class="container">
  <div class="row">
    <div class="col-3">Колонка 1</div>
    <div class="col-3">Колонка 2</div>
    <div class="col-3">Колонка 3</div>
    <div class="col-3">Колонка 4</div>
  </div>
</div>
```

Вы можете установить фиксированную ширину для каждой колонки, используя классы Bootstrap `col-3` (или другие классы, в зависимости от необходимой ширины). В данном случае колонки будут занимать по 25% ширины контейнера, так как у нас 4 колонки в строке.

Для адаптивности и изменения размеров колонок в зависимости от размера экрана, вы также можете использовать классы Bootstrap для различных устройств (например, `col-sm-3`, `col-md-6`, `col-lg-4`, `col-xl-3` и т.д.).

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

Надеюсь, это поможет вам создать сетку с фиксированными колонками с использованием Bootstrap 5.

Я не вижу каких-то особых требований к разметке. 
 Поэтому два грид-контейнера 
 
 первые две строки 
 grid-template-columns: 100px repeat(3, 1fr); 
 
 вторые две строки 
 grid-template-columns: repeat(3, 1fr); 
 
 Нахер здесь бутстрап, мне непонятно. Он для жестко-заданной 12-колонной сетки только и подходит...