Починаємо роботу з bootstrap

Для подальшої роботи також будуть потрібні основи знань з HTML і CSS. Однак не варто особливо хвилюватися з приводу рівня ваших знань - всі наступні уроки побудовані з розрахунком на новачків в web-дизайні.

Отримуємо файли фреймворку Bootstrap

Після скачування файлу разархивируем його в ту ж директорію і подивимося вміст. Воно являє собою набір з трьох папок:

Примітка перекладача. Сучасна збірка фреймворка Bootstrap містить в собі, крім двох вищеназваних CSS-файлів, ще два стильових файлу - bootstrap-responsive.css і bootstrap-responsive.min.css.

Третя папка - img - це набір готових іконок, які можна застосовувати для розроблюваного сайту. У папці, на перший погляд, знаходяться всього лише два графічних файлу. Але якщо відкрити хоча б один з них, то стане ясно, що це спрайт (sprites).

Що таке спрайт і технологія CSS-спрайтів - ви можете почитати в Інтернеті, так як огляд цих термінів не входить у завдання цієї статті.

Створюємо перший сайт під Bootstrap

Для нашого першого проекту необхідно створити окрему директорію, в якій будуть зберігатися всі необхідні файли. У файловому менеджері (Провідник, Total Commander) створюємо папку з ім'ям "mysite" і копіюємо туди вміст архіву bootstrap.zip.

У результаті повинна вийти наступна картина:

Тепер вміст нашого майбутнього проекту виглядає наступним чином:

Якщо спробувати відкрити файл index.html в браузері, то побачимо наступне:

Прямо скажемо, не вражає! У вікні браузера відображається тільки текст, який був збережений у файлі index.html.