Bootstrap – подключение Bootstrap к сайту (к шаблону) инструкция

Короткая инструкция на тему “Как подключить Bootstrap к сайту?” или “Как подключить Bootstrap к шаблону?“. Для продвинутых Bootstrapеров материал покажеться слишком эллементарным, но для начинающих веб мастеров, только начинающих постигать азы адаптивной верски, может вполне пригодиться. Данную документацию можно найти на буржуйском языке на официальном сайте. Здесь размещен не перевод, а упрощенная инструкция от себя, как это обычно делается на практике.

Как подключить Bootstrap к сайту?

Скачать файлы фреймворка можно по ссылке:

http://getbootstrap.com/getting-started/#download

распаковываем архив и получаем три папки: css, font, js.

Загружаем их в том виде как есть на хостинг (подразумевается что мы в дальнейшем планируем использовать все функции Bootstrap), обычно в папку со стилями шаблона или папка стилей сайта (зависит от внутренней структуры движка, шаблона, сайта – папка загрузки принципиального значения не имеет, главное правильно прописать пути к нужным файлам). Подключение Bootstrap к сайту сводиться к подключению двух файлов – основного файла стилей bootstrap.min.css и файла bootstrap.js – основный jqury библикотеки bootstrap (последний используется для доп. возможностей, таких как вызов модальных окон, эффектов и т.д., если Вы не планируете их использовать, файл можно не подключать). Итак, подключаем нужные файлы в секции <head></head> сайта:

и

впринципе и все – мы подключили Bootstrap к сайту и сможем использовать возможности библиотеки. Ткой сопособ подключения фреймворка Bootstrap будет работать на всех сайтах и всех движках. К CMS WordPress Bootstrap можно подключить и другим способом, об этом читаем в статье “Подключение своих скриптов и стилей в WordPress”

 

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *