Бутстрап 4

Що змінилося у новій версії Bootstrap?

Замість float колонки вирівнюються за допомогою flex
Стоп-точок стало на одну більше:
- xs
- sm (576+)
- md (768+)
- lg (992+)
- xl (1200+)
Замість розмірів у пікселях тепер розміри задаються у відносних величинах rem та em
(1rem = розмір базового шрифта, заданого у body; 1em = поточний розмір шрифта у елемента)
Стилі тепер розділені на 3 окремих файла: сітка, обнуляшка і все решта (тема)
Гліф-іконки тепер не входять до складу бутстрапа, використовуйте іконочні шрифти

Взагалі, змін є багато, деякі з них для нас малозначущі:

Збільшено шрифт за замовчуванням з 14px до 16px
Змінено дизайн деяких елементів, наприклад - кнопок (прибрали тіні, градієнт)
Згідно концепції Material Design замість .panel використовуються .card
(Material Design був популярним в 2014-2016 роках, зараз ця концепція трохи застаріла)
Замість препроцесора Less у четвертій версії Bootstrap використовується Sass
В зв'язку з переходом на flex і EcmaScript 6 старі браузери тепер не підтримуються, лише IE10+
і т.п.

Скачайте Bootstrap 4, дослідіть файли стилів, сітку.