Bootstrap 4 - фреймворк для создания шаблонов
Bootstrap - это набор повторно используемых фрагментов кода, написанных на HTML, CSS и jаvascript. Тем не менее, это бесплатный интерфейс с открытым исходным кодом для разработки веб-приложений, который поможет вам создавать адаптивные веб-сайты и веб-приложения.
Кроме того, это избавляет вас от необходимости писать длинный код, поскольку он предназначен для создания адаптивных веб-сайтов. Это позволяет веб-сайту оптимально работать на экранах различных размеров: от небольших экранов смартфонов до больших экранов персональных компьютеров. По сути, он освобождает вас от бремени создания сайта для конкретного устройства
Как установить Bootstrap?
Шаг 1
Загрузите с официального сайта Bootstrap 4. Теперь распакуйте файлы Bootstrap 4.
Шаг 2
Создайте имя каталога HTML. Вы можете дать ему любое имя.
Шаг 3
Скопируйте JS и CSS-файлы в каталог HTML, который вы получите после загрузки Bootstrap 4, и создайте файл index.html.
Шаг 4
Свяжите свой файл Bootstrap CSS, вам нужно скопировать приведенный ниже код и вставить его в файл index.html после тега <head>.
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
Подключаем библиотек jQuery
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
Аналогичным образом добавьте Bootstrap jаvascript перед закрывающим тегом </body>.
<script src="js/bootstrap.js"></script>
Все компоненты для создания шаблона Вы сможете найти на официальном сайте.