Что такое Bootstrap 3

Перед тем как мы поговорим по функционалу Bootstrap, я проведу небольшой экскурс в Bootstrap, из которого вы узнаете что это такое и с чем его едят.

Bootstrap — это отзывчивый фреймворк, который вам поможет быстро и с легкостью создавать статичные веб-сайты и веб-приложения. Так что вы можете или просто работать со статичным ХТМЛ в том виде, в котором он есть в Bootstrap или вы можете попробовать совместить его с чем-нибудь другим типа PHP или с какой-нибудь CMS. Вы можете создать что-то более динамичное и контролировать клиентскую часть своего сайта через Bootstrap.

Bootstrap популярен среди серверных разработчиков, т.к. он позволяет построить простую достаточно простую клиентскую часть сайта не требуя каких-то особенных знаний ХТМЛ и CSS.

Bootstrap используют различные организации, типа НАСО, Discus и др.

Примеры сайтов, которые построены на Bootstrap, а точнее на этих сайтах вы найдете сайты, которые построены на Bootstrap:

  1. builtwithbootstrap.com
  2. lovebootstrap.com
  3. expo.getbootstrap.com

Что нового в Bootstrap 3

Данная версия Bootstrap разработана с нуля и в первую очередь с ориентиром на мобильные девайсы. Сетка здесь построена таким образом, чтобы вы сначала смогли подгонять сайт под маленькие экраны, а уже потом увеличивали размеры.

В комплекте с Bootstrap 3 только одна сеточная система — отзывчивая, но с более расширенным функционалом (а раньше была еще и адаптивная). Здесь есть 4 сетки разных размеров и дополнительно маленькая, средняя и крупная сетки.

Bootstrap прекращает поддержку IE7 и FireFox 3.6. Но чтобы сайт заработал в IE8 нужно провести некоторые махинации, которые мы рассмотрим в следующих уроках. Во всех остальных Bootstrap работает без проблем.

Одна из прекрасных вещей, которая идет в комплекте - это шрифты, которые можно использовать как иконки. Раньше в пакет Bootstrap входил пакет спрайтов (порядка 100 иконок в одном PNG). Это был не самый плохой вариант, но получалось так, что было не легко увеличивать иконку, поменять ее цвет, т.к. все было в растре. А сейчас мы будем работать со шрифтами (векторная графика) и сможем легко менять цвет и вид.

Некоторые интересуются, нужно ли всегда работать с Bootstrap или другими фреймворками? Ответ здесь не однозначен и зависит от того, какую задачу вы пытаетесь решить.

Если говорить о дизайне клиентской части, то тут существует несколько подходов:

  • Мы либо считаем дизайн клиентской части чем-то готовым (шаблоном) и вставляем ее сразу же на сайт, разве что можем внести некоторые изменения
  • Либо же каждый раз снова рисуем дизайн, верстаем и каждый раз делаем это заново. Это более долгий и дорогой подход.

Достоинства Bootstrap

А вот отзывчивый фреймворк - это что-то по середине, часть работы уже сделана за вас. Вам не нужно думать о некоторых отдельных аспектах дизайна.

Допустим, сеточная система отлично подходит для разметки страниц — вам не обязательно писать свою сетку для каждого нового сайта, но в тоже время она достаточно гибкая. И Bootstrap со своим гибким CSS включает так же LESS CSS (это препроцессорные системы CSS, которые позволяют централизовать стили). Она позволяет настроить внешний вид Bootstrap на свой вкус.

Bootstrap совсем не обязательно должен выглядеть, как Bootstrap. Часто Bootstrap упрекают в том, что все сайты на нем выглядят одинаково, особенно так говорят дизайнеры. Но это нет так. Bootstrap выглядит так, как этого хотите вы, и вы можете изменить его до неузнаваемости — это дело времени и желания.

Недостатки Bootstrap

Многие жалуются, что приходится писать по 10 или 20 строчек кода там, где в другом случае можно было бы ограничиться парочкой. Но это необходимость, если речь идет о гибкости оболочки.

Отзывчивым дизайном нужно сначала овладеть, а для этого нужно потратить немало времени.

Но, если вы все же решили заняться изучением Bootstrap — вы сделали правильный выбор, т.к. в дальнейшем это поможет вам не делать одну и ту же работу кучу раз, сэкономит время.

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

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

Scroll Up
Adblock detector