Распоред са Твиттер Боотстрапом - 1. део

Преглед садржаја

Твиттер Боотстрап је збирка бесплатних софтверских алата за креирање веб локација и апликација.
То је оквир за промовисање доследности путем интерних алата. Пре Боотстрапа, различите библиотеке су коришћене за развој корисничког интерфејса, што је довело до недоследности и великог оптерећења одржавањем.
Боотстрап је модуларни и у основи се састоји од низа стилских листова који имплементирају различите компоненте алата. Таблица стилова која се назива боотстрап.лесс укључује компоненте стилске таблице. Програмери могу прилагодити исту Боотстрап датотеку, одабиром компоненти које желе да користе у свом пројекту.
Алати и класе доступни у Боотстрапу
Систем банди и одговарајући дизајн
Боотстрап долази са стандардним распоредом мреже ширине 940 пиксела. Алтернативно, програмер може користити изглед променљиве ширине. Ово аутоматски подешава ширину колона.
Табела са стилом ЦСС
Боотстрап пружа скуп стилских листова који пружају основне дефиниције стилова за све ХТМЛ компоненте. Ово даје уједначеност прегледачу и систему ширине, даје модеран изглед за обликовање текстуалних елемената, табела и образаца.
Компоненте за вишекратну употребу
Уобичајени ХТМЛ елементи, Боотстрап садржи још један често коришћен интерфејс елемената. Укључује дугмад са напредним функцијама, као што су група дугмади или дугмад са опцијом падајућег менија, навигационе листе, хоризонталне и вертикалне ознаке, мрвице, пагинација, ознаке, напредне могућности типографских сличица, формати порука упозорења и траке напретка..
Јавасцрипт и јКуери додаци
Јавасцрипт компоненте за Боотстрап засноване су на јКуери Јавасцрипт библиотеци. Додаци се налазе у јКуери алату за додатке. Они пружају додатне елементе корисничког интерфејса, као што су дијалози, описи алата и вртешке.
Они такође проширују функционалност неких постојећих елемената интерфејса, укључујући, на пример, функцију аутоматског довршавања поља за унос. Верзија 2.0 подржава следеће додатке за Јавасцрипт: Модал, Дропдовн, Сцроллспи, Таб, Тоолтип, Поповер, Алерт, Буттон, Цоллапсе, Цароусел и Типеахеад.
Да би користио Боотстрап на ХТМЛ страници, програмер треба само да преузме Боотстрап ЦСС стилску таблицу и да је повеже у ХТМЛ датотеку.
Преузмите компајлирани ЦСС и Јавасцрипт код, што је најлакши начин да почнете са Боотстрапом. Недостатак је што ова верзија не укључује оригиналне датотеке или документацију. Да бисте преузели ову верзију, идите на гетбоотстрап.цом и притисните дугме Довнлоад Боотстрап.
Такође можемо изабрати повезивање са боотстрап датотекама са спољних сервера на следећи начин:
Да бисте користили ове датотеке, измените следеће везе на својим страницама
 

Након распакирања датотеке коју сте преузели са компајлираном верзијом Боотстрапа, видећете следећу структуру датотека и директоријума:
боотстрап /
├── цсс /
│ ├── боотстрап.цсс
│ ├── боотстрап.мин.цсс
│ ├── боотстрап-тхеме.цсс
│ └── боотстрап-тхеме.мин.цсс
├── јс /
│ ├── боотстрап.јс
│ └── боотстрап.мин.јс
└── фонтови /
├── глификони-полтрони-регуларни.еот
├── глификони-полутронци-регулар.свг
├── глификони-полутронци-правилни.ттф
└── глификони-полтрони-правилни.вофф
Ове датотеке су библиотеке које чине боотстрап, касније ћемо видети компоненте и начин на који се користе.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен
wave wave wave wave wave