StepkinBlog.ru
Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap
20.05.2015
13:01
16680
7
Основы bootstrap для начинающих. Урок №1
Если вы хотите создавать адаптивные сайты, тогда категория «Bootstrap» для вас. В этой категории я расскажу и покажу, как создать адаптивный сайт. С каждым уроком вы начнете понимать всю силу и мощь фреймворка Bootstrap. Скажу только одно: если вы пройдете полностью от начала и до конца эти уроки, то вы быстро и профессионально с легкостью сможете создавать сайты любой сложности.
Весь курс рассчитан для начинающих.
Итак, в уроке №1 я попробую объяснить, что такое Bootstrap и зачем он нужен.
○ Что такое Bootstrap?
Twitter Bootstrap – это набор готовых инструментов (кода, стили, скрипты) для создания адаптивных сайтов с использованием HTML, CSS и javascript.
Из готовых CSS-стилей и javascript можно построить адаптивную сетку для сайта, вывести кнопки, выпадающее меню, иконки, всплывающие подсказки, слайдер и т. д.
Вот один из примеров, как выглядит сайт, построенный на фреймворке Bootstrap:
○ Зачем нужен Bootstrap?
Самое главное преимущество Bootstrap в том, что адаптивный сайт с ним делается намного быстрее.
Фреймворк Bootstrap состоит из таких папок:
css ,
js ,
fonts.
→ В папке css хранятся готовые CSS стили
→ В папке js хранится файл с набором готовых js-сценариев
→ В папке fonts хранятся шрифты.
Вот и все 
! В следующем уроке я расскажу, где можно скачать фреймворк Bootstrap, а также покажу и расскажу, как им пользоваться.
Случайные записи:
- Как сделать таблицу в HTML. Основы HTML для начинающих. Урок №14
- Модальное окно (всплывающее окно). Основы bootstrap 3 для начинающих. Урок №17
- Как проверить HTML форму. Основы HTML для начинающих. Урок №19
- Как указать кодировку сайта на HTML. Основы HTML для начинающих. Урок №20
- Создание простого мини сайта. Практика по пройдённому материалу
Спасибо Степан за статью!
Ответить
Здравствуйте, а когда будет продолжение уроков по теме bootstrap?
Ответить
6 ноября, 2015 at 10:28
Здравствуйте! Продолжение уроков по теме bootstrap будет тогда, когда я закончу тему HTML+CSS
Ответить
когда продолжение?
Ответить
30 января, 2016 at 21:44
Александр, очень польщен Вашим вниманием к моему блогу.
Сам себя ругаю за то, что не хватает времени на этот блог, потому как параллельно пишу еще один и делаю сайты на заказ. Но если Вы заинтересованны темой bootstrap, то больше информации Вы можете найти на моем блоге http://bloggood.ru/bootstrap/
Ответить
ЗАчем рассказивать про BootStrap Если мне нужно научиться мне нужно с чего он состоит и так далее ето просто
Ответить
22 августа, 2017 at 15:11
Зачем Вам BootStrap, если Вы не знаете элементарного. Как понять Ваш вопрос, с чего он состоит. Состоит из файлов css, js.
→ В папке css хранятся готовые CSS стили
→ В папке js хранится файл с набором готовых js-сценариев
→ В папке fonts хранятся шрифты.
Если бы Вы хоть немного владели знанием HTML и CSS, я думаю таких вопросов Вы бы мне не задавали.
Для изучения HTML, вам сюда.
Ответить