Bootstrap 4. Reboot.

Відео: Bootstrap 4 Tutorial # 3 - Bootstrap Reboot

Всім привіт! У цій статті ми розглянемо, що таке Reboot в Bootstrap 4 і яку роль він відіграє в фреймворку.

В основну задачу Bootstrap входить забезпечення єдиного, елегантного і простого побудови проектів. Для цього в ньому використовується колекція CSS правил, названа Reboot(Перезавантаження). Reboot побудований на Normalize.css. Детальніше почитати про це ви можете тут.

Відео: Bootstrap 4 Tutorial # 6 - Flex Grid

Давайте напишемо який-небудь код в нашому шаблоні, який ми скопіювали в попередній статті:

 
 це h2 
 Вставте сюди який-небудь текст 
 
Перший елемент списку 
Другий елемент списку 
Третій елемент списку

Відкрийте нашу сторінку в браузері і подивіться, як вона виглядає. Тепер закоментуйте код, який відповідає за підключення таблиці стилів, і подивіться на сторінку знову. Ви побачите, що там використовується інший шрифт, з`явилися відступи, і взагалі сторінка виглядає трохи по-іншому. Якщо ви знову повернете стилі, то побачите, що з ними сторінка виглядає привабливіше, тому що CSS файл додає якісь базові стилі. Якщо ви відкриєте сайт в іншому браузері, то побачите, що і там він відображається приблизно так само. Таким чином ми домагаємося кросбраузерності.

Відео: Bootstrap 4 Responsive Web Design and Development

А на цьому сьогодні все. Ми роздивились, навіщо в Bootstrap 4 використовується Reboot, а вже в наступній статті поговоримо про те, що таке контейнери і як їх використовувати в цьому фреймворку.

Дякую за увагу!

Поділися в соціальних мережах:

Схожі