Не рекомендуется использование псевдокласса :root как попало, несомненно приоритет селектора очень высок, в Bootstrap 4 таким методом определяется цвет.
Описание с живыми демо примерами использования Flexbox классов в Bootstrap 4, как настроить и как сделать по центру флексбокс элемент, скачайте архив с примерами на Русском языке.
Автоматическая нумерация списков ul и ol с использованием CSS свойств counter-reset и counter-increment и значения счётчика counters, готовый демо пример.
Готовый демо пример как сделать по центру картинку, текст, кнопку или другой элемент в Bootstrap, используются только свойства CSS, центр определяется по вертикали и горизонтали.
Мы изучили последовательность формирования новых версий Bootstrap 4 Alpha, рекомендуем использовать файлы без обновления, в виду радикальных изменений.
