Въведение

Bootstrap е иключително популярен фреймуърк създаден за изграждане на риспонсив мобилни уеб сайтове. Той също така е платформа с отворен код, която използва HTML5, CSS3 и jQuery, собствена грид система – 12-column grid, икони, които може да ползваме в нашите дизайни и напълна функциониращи JavaScript компоненти.

В тези уроци за Bootstrap ще научим за:

  • контейнерите
  • как да ползваме грида от 12 колони/12-column grid/ за създаване на изгледа на уебсайта ни
  • как да създаваме редове и колони
  • как да стилизираме съдаржанието с Bootstrap CSS класовете
  • да добавяме стилове
  • създаване и стилизиране на формуляри
  • падащи менюта и бутони
  • добавяме видеа и изображения
  • ще разгледаме JavaScript компонентите като carousels, tabs, tool tips и scrolling

Bootstrap е фреймуърк, който помага да изградим бързо и с много функционалности уебсайта си което иначе е много трудоемко и отнема много време. Сега фреймуърка е с приоритетен изглед за мобилни устройства, което означава, че уебсайта който правим е подходящ и за мобилни и за десктоп екрани. Вместо да трябва да създаваме свой собствени стилове за мобилните изгледи самият фреймърк ни ги предоставя вече създадени. Bootstrap идва със плаваща 12 колонна риспонсив система, която се преоразмерява спрямо размерите на екрана на устройството.

Системата идва с предифинирани класове, които правят лейаута много лесна задача за уеб дизайнера. Разбира се Bootstrap ползава CSS, JavaScript и HTML като също така е на разположение с less и sass версии. Също така е конфигурируем така, че можем да ползваме само това което ни е нужно. Използването на фреймърк означава, че ние трябва да пишем кода по много специфичен начин – предварително определен от самата система.