• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer

Мастерская интернета

курсы по Wordpress, Bootstrap, Dreamweaver

  • YouTube
  • Twitter
  • Facebook
  • Главная
  • WordPress
  • Уроки WordPress
    • Строим сайт на WordPress в JustWrite
    • Создаем сайт-визитку
  • Bootstrap
    • Создаем сайт в Bootstrap 3
  • Блог
  • Контакты
  • Войти

Kак загрузить Bootstrap 3? Урок 1.

Заходим на сайт http://getbootstrap.com.

Жмем на download bootstrap.
bootstrap1

Мы загрузим упрощенную версию Bootstrap.

bootstrap2

 


 

Загруженная папка содержит в себе три папки:

bootstrap3

(Если вас интересует, как работать с файлами Less в полной версии, оставляйте запрос в комментариях.)
Для работы с файлами воспользуйтесь любым html редактором, можете использовать Dreamweaver. Я буду работать в Sublime Text, который бесплатно можно скачать с сайта http://www.sublimetext.com.

Итак, открываю Sublime Text, жму на Add Folder to Project:

bootstrap4

Выбираю сохраненную ранее папку Bootstrap, в которой содержaтся папки CSS, fonts и js.

Давайте рассмотрим содержимое папок:

bootstrap6

Bootstrap.css это читабельная версия стилей. В то время как bootstrap.min.css сжатая версия файла. Код этих двух файлов идентичен. То же самое относится и к bootstrap.js и bootstrap.min.js.

Чего же не хватает у нас в папке?

Ну конечно же файла index.html. Какой же сайт без него? Скачиваем шаблон файла index.html и добавляем в папку нашего сайта. Скачать файл index.html

bootstrap8

Смотреть продолжение —  Урок 2

Filed Under: Bootstrap, Создаем сайт в Bootstrap 3 Tagged With: Bootstrap 3

Reader Interactions

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Primary Sidebar

Рубрики

  • Создаем сайт в Bootstrap 3
  • Создаем сайт-визитку
  • Сайт на бесплатной теме WordPress
  • WordPress: полезные советы

ЗАХОДИТЕ НА НАШ КАНАЛ!

Свежие записи

  • Создаем интернет-магазин бесплатно (пошаговая инструкция) — Урок 1
  • Урок 9 — добавляем карту расположения офиса
  • Урок 8 — Строим сайт-визитку для небольшого бизнеса (создаем календарь записи на прием)
  • Урок 7 — Строим сайт-визитку для небольшого бизнеса (редактируем главную страницу.Часть 2)
  • Урок 6 — Строим сайт-визитку для небольшого бизнеса (редактируем главную страницу.Часть 1)

Footer

  • Facebook
  • Twitter
  • YouTube

© 2025 · DengiVNete · Все содержание, включая идеи оформления и стиль, являются объектом авторского права. Свободное некоммерческое использование материалов в интернете, полное или частичное, допускается при условии активной ссылки на www.dengivnete.com и указания авторства.