ГлавнаяHTML/CSS → Bootstrap 4 - фреймворк для создания шаблонов
HTML/CSS

Bootstrap 4 - фреймворк для создания шаблонов

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>


Все компоненты для создания шаблона Вы сможете найти на официальном сайте.

Добавить комментарий
Кликните на изображение чтобы обновить код, если он неразборчив