Перед тим як ми поговоримо по функціоналу Bootstrap, я проведу невеличкий екскурс в Bootstrap, з якого ви дізнаєтеся що це таке і з чим його їдять.
Bootstrap - це чуйний фреймворк, який вам допоможе швидко і з легкістю створювати статичні веб-сайти і веб-додатки. Так що ви можете або просто працювати зі статичним ХТМЛ в тому вигляді, в якому він є в Bootstrap або ви можете спробувати поєднати його з чимось іншим типу PHP або з якою-небудь CMS. Ви можете створити щось більш динамічне і контролювати клієнтську частину свого сайту через Bootstrap.
Bootstrap популярний серед серверних розробників, тому що він дозволяє побудувати просту досить просту клієнтську частину сайту не вимагаючи якихось особливих знань ХТМЛ і CSS.
Bootstrap використовують різні організації, типу насПро, Discus і ін.
Приклади сайтів, які побудовані на Bootstrap, а точніше на цих сайтах ви знайдете сайти, які побудовані на Bootstrap:
Що нового в 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 - ви зробили правильний вибір, тому що в подальшому це допоможе вам не робити одну й ту ж роботу купу раз, заощадить час.