Да, в Bootstrap 4 вы можете изменить количество колонок только на телефонах и планшетах, используя встроенные классы для адаптивной сетки.
Bootstrap 4 использует систему сетки на основе 12 колонок, в которой каждый контейнер может быть разделен на определенное количество колонок. Основные классы для создания сетки включают в себя "col" и "row".
Для мобильных устройств Bootstrap предлагает следующие классы ширины колонок:
1. "col-": это класс для колонок, которые должны занимать все доступное пространство внутри контейнера. Например, "col-12" означает, что колонка занимает все 12 столбцов сетки на всех устройствах.
2. "col-sm-": этот класс предназначен для колонок, которые будут использоваться на устройствах шириной от 576px и выше. Например, "col-sm-6" означает, что колонка занимает половину ширины контейнера на устройствах шириной 576px и больше.
3. "col-md-": этот класс предназначен для колонок, которые будут использоваться на устройствах шириной от 768px и выше. Например, "col-md-4" означает, что колонка занимает одну треть ширины контейнера на устройствах шириной 768px и больше.
Таким образом, для того чтобы изменить количество колонок только на телефонах и планшетах в Bootstrap 4, вы должны использовать классы "col-sm-" и "col-md-". Например, чтобы иметь две колонки на телефонах и одну колонку на планшетах и выше, вы можете использовать следующий код:
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-12">
<!-- Содержимое для первой колонки -->
</div>
<div class="col-sm-6 col-md-12">
<!-- Содержимое для второй колонки -->
</div>
</div>
</div>
В этом примере первая колонка будет занимать половину ширины контейнера на телефонах и всю ширину контейнера на планшетах и выше, а вторая колонка будет занимать такое же пространство.
Используя данные классы ширины колонок и конкретные значения для каждого устройства, вы можете легко изменить количество колонок в Bootstrap 4 только на телефонах и планшетах.