.block
width: base(670)
+largeScreen
width: large(670)
+mobileScreen
width: mobile(300)
селектор::-webkit-scrollbar-track {
border-radius: 4px;
}
селектор::-webkit-scrollbar {
width: 6px;
}
селектор::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #a9b5d9;
}
БЭМ принципиально не люблю
Готового решения на Bootstrap я не знаю.
Если в двух словах, то нужно просто сделать чтобы в десктопной версии данные отображались в колонках, а в моб версии эти колонки сворачивались и выглядели как аккордион. Внешний вид в зависимости от размеров экрана меняем медиа запросами, а открытие\закрытие аккордиона делаем с помощью js, который включается при нужном разрешении экрана.
немного времени и js и все получится:)).