Загрузка

RUS | ANG | |

StepkinBlog.ru

Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap

Главная » Основы Bootstrap 3 » Основы bootstrap для начинающих. Урок №1

20.05.2015


13:01


7900


7


Основы bootstrap для начинающих. Урок №1

Основы bootstrap для начинающих. Урок №1

Если вы хотите создавать адаптивные сайты, тогда категория «Bootstrap» для вас. В этой категории я расскажу и покажу, как создать адаптивный сайт.  С каждым уроком вы начнете понимать всю силу и мощь фреймворка Bootstrap. Скажу только одно: если вы пройдете полностью от начала и до конца эти уроки, то вы быстро и профессионально с легкостью сможете создавать сайты любой сложности.
Весь курс рассчитан для начинающих.

Итак, в уроке №1 я попробую объяснить, что такое  Bootstrap и зачем он нужен.

○ Что такое  Bootstrap?
Twitter Bootstrap – это набор готовых инструментов (кода, стили, скрипты) для создания адаптивных сайтов с использованием HTML, CSS и javascript.
Из готовых CSS-стилей и javascript можно построить адаптивную сетку для сайта, вывести кнопки, выпадающее меню, иконки, всплывающие подсказки, слайдер и т. д.
Вот один из примеров, как выглядит сайт, построенный на фреймворке Bootstrap:

Основы bootstrap для начинающих. Урок №1

○ Зачем нужен Bootstrap?
Самое главное преимущество Bootstrap в том, что адаптивный сайт с ним делается намного быстрее.

Фреймворк Bootstrap состоит из таких папок:

css ,
js ,
fonts.

Основы bootstrap для начинающих. Урок №1

→ В папке css хранятся готовые CSS стили
→ В папке js хранится файл с набором готовых js-сценариев
→ В папке fonts хранятся шрифты.

Вот и все :coffe:! В следующем уроке я расскажу, где можно скачать фреймворк Bootstrap, а также покажу и расскажу, как им пользоваться.



Случайные записи:

  1. Коротко о PHP. Основы PHP с нуля. Урок №1
  2. Создание простого мини сайта. Практика по пройдённому материалу
  3. Создание сайта с нуля на HTML + CSS. Практика по пройденному материалу
  4. Как прописать мета теги. Основы HTML для начинающих. Урок №21
  5. Бесплатный курс по основам HTML

Последние записи рубрики:

  1. Бесплатный курс по основам Bootstrap3
  2. Создание простого сайта на Bootstrap 3. Практика по пройденному материалу
  3. Тесты Bootstrap 3 онлайн. Основы Bootstrap 3 для начинающих
  4. Создание галереи изображений. Основы bootstrap3 для начинающих. Урок №26
  5. Миниатюры. Основы bootstrap 3 для начинающих. Урок №25

7 ответа(ов) на статью: “Основы bootstrap для начинающих. Урок №1”

  1. Петя says:

    Спасибо Степан за статью!

    Ответить

  2. Сашка says:

    Здравствуйте, а когда будет продолжение уроков по теме bootstrap?

    Ответить

    Степка
    Степка ответил(а) на комментарий:

    Здравствуйте! Продолжение уроков по теме bootstrap будет тогда, когда я закончу тему HTML+CSS

    Ответить

  3. Александр says:

    когда продолжение? :gazeta:

    Ответить

    Степка
    Степка ответил(а) на комментарий:

    Александр, очень польщен Вашим вниманием к моему блогу.
    Сам себя ругаю за то, что не хватает времени на этот блог, потому как параллельно пишу еще один и делаю сайты на заказ. Но если Вы заинтересованны темой bootstrap, то больше информации Вы можете найти на моем блоге http://bloggood.ru/bootstrap/

    Ответить

  4. Lord says:

    ЗАчем рассказивать про BootStrap Если мне нужно научиться мне нужно с чего он состоит и так далее ето просто :?: :?: :?: :?: :?: :?: :?: :?:

    Ответить

    Степка
    Степка ответил(а) на комментарий:

    Зачем Вам BootStrap, если Вы не знаете элементарного. Как понять Ваш вопрос, с чего он состоит. Состоит из файлов css, js.
    → В папке css хранятся готовые CSS стили
    → В папке js хранится файл с набором готовых js-сценариев
    → В папке fonts хранятся шрифты.
    Если бы Вы хоть немного владели знанием HTML и CSS, я думаю таких вопросов Вы бы мне не задавали.
    Для изучения HTML, вам сюда.

    Ответить

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Подписаться на обновления:

Подпишись на обновления моего блога через e-m@il:

@

Реклама на блоге:

Мои цели на
2017 год:

Довести количество статей до 150

Доделать этот блог

Закончить тему «Основы CSS»

Закончить тему «Основы PHP»

Начать тему «Основы JavaScript»

Добиться посещаемости 500 чел/сутки

Статистика:

Записей: 104
Страниц: 3
Рубрик: 9
Меток: 11
Комментариев: 231

Уведомление для пользователей AdBlock

Включая adblock (блокировщик рекламы) вы лишаете меня заработка, и тем самым лишаете смысла трудиться над своим сайтом, помогать вам и отвечать на комментарии. Если вы решились отключить adblock для моего блога, спасибо!

Как отключить AdBlock?