Bootstrap 4. Установка.

Відео: Уроки Bootstrap верстки / # 1 - Основи і установка

Відео: Bootstrap 4 Tutorial [# 2] Download & Install Bootstrap 4

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

Перейдіть на офіційний сайт і скачайте Bootstrap 4, натиснувши кнопку Download. Ви знайдете безліч найрізноманітніших способів для скачування і установки цього фреймворка: npm, composer, bower та інші. Також є можливість завантажити тільки деякі потрібні вам файли, завантажити вихідні і так далі.

Ви можете вибрати будь-який із способів і завантажити фреймворк на свій комп`ютер або зайти в розділ Introduction(Праворуч в колонці на сайті), знайти там розділ Starter template, скопіювати весь код, написаний там, створити папку, де ми будемо працювати з фреймворком, в ній створити файл index.html і туди вставити скопійований раніше код.

 
lang="En"gt; 
 
 
charset="Utf-8"gt; 
name="Viewport"content="Width = device-width, initial-scale = 1, shrink-to-fit = no"gt; 
 
 
rel="Stylesheet"href="Https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"integrity="Sha384-rwoIResjU2yc3z8GV / NPeZWAv56rSmLldC3R / AZzGRnGxQQKnKkoFVhFQhNUwEyJ"crossorigin="Anonymous"gt;

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