Для разделения блока на равные части в Bootstrap можно использовать классы сетки (grid classes). Bootstrap предоставляет набор классов, которые помогают создавать адаптивный веб-дизайн с помощью сеточной системы.
Для того, чтобы разделить блок на 5 равных частей, мы можем использовать классы col-**-* в сочетании с классом row. Классы col-**-* определяют ширину колонки в зависимости от разрешения экрана, а класс row устанавливает контейнер для колонок.
Для создания пяти равных частей в одном блоке мы будем использовать классы col-**-* таким образом:
<div class="row">
<div class="col-2">
<!-- Первая часть -->
</div>
<div class="col-2">
<!-- Вторая часть -->
</div>
<div class="col-2">
<!-- Третья часть -->
</div>
<div class="col-2">
<!-- Четвертая часть -->
</div>
<div class="col-2">
<!-- Пятая часть -->
</div>
</div>
В приведенном выше коде мы используем классы col-2, чтобы создать пять равных частей. Класс col-2 означает, что каждая колонка будет занимать 2/12 (или 1/6) ширины родительского контейнера.
Чтобы каждая часть была адаптивной, можно использовать различные классы col-**-* для разных размеров экранов. Например, класс col-md-2 задает ширину колонки в 2/12 для средних экранов, а класс col-lg-2 для больших экранов.
Таким образом, вы можете использовать классы сетки Bootstrap, такие как col-**-* и row, чтобы разделить блок на 5 равных частей. Это позволяет создать адаптивный дизайн и сохранить соотношение частей блока на различных экранах.