Проширите Боотстрап да бисте искористили предности укључених стилова и компоненти, као и МАЊЕ променљивих и мешавина.
Боотстрап је направљен са ЛЕСС-ом у својој сржи, динамичким језиком стилова који је креирао наш добар пријатељ, Алекис Селлиер . То чини развој ЦСС заснованог на системима бржим, лакшим и забавнијим.
Један од креатора Боотстрапа написао је кратак пост на блогу о овоме , сажет овде:
Као проширење ЦСС-а, ЛЕСС укључује променљиве, миксине за исечке кода за вишекратну употребу, операције за једноставну математику, гнежђење, па чак и функције боја.
Посетите званичну веб локацију на хттп ://лессцсс.орг/ да бисте сазнали више.
Пошто је наш ЦСС написан са Лесс и користи променљиве и миксине, потребно га је компајлирати за коначну имплементацију производње. Ево како.
Пратите упутства у реадме пројекта на ГитХуб-у за компајлирање преко командне линије.
Преузмите најновији Лесс.јс и укључите путању до њега (и Боотстрап) у <head>
.
<линк рел = "стилесхеет/лесс" хреф = "/патх/то/боотстрап.лесс" > <сцрипт срц = "/патх/то/лесс.јс" ></сцрипт>
Да бисте поново компајлирали .лесс датотеке, само их сачувајте и поново учитајте своју страницу. Лесс.јс их компајлира и складишти у локално складиште.
Незванична Мац апликација прати директоријуме .лесс датотека и компајлира код у локалне датотеке након сваког чувања гледане датотеке .лесс. Ако желите, можете да промените подешавања у апликацији за аутоматско умањивање и у ком директоријуму завршавају компајлиране датотеке.
Црунцх је сјајан ЛЕСС едитор и компајлер изграђен на Адобе Аир-у.
Направио је исти тип као и незваничну Мац апликацију, ЦодеКит је Мац апликација која компајлира ЛЕСС, САСС, Стилус и ЦоффееСцрипт.
Мац, Линук и Виндовс апликација за превлачење и испуштање компајлирања МАЊЕ датотека. Осим тога, изворни код је на ГитХуб-у .
Брзо покрените било који веб пројекат тако што ћете убацити преведене или минимизиране ЦСС и ЈС. Посебно поставите прилагођене стилове за лаку надоградњу и одржавање.
Преузмите најновији компајлирани Боотстрап и поставите га у свој пројекат. На пример, можда имате нешто овако:
апликација/ распореди/ шаблони/ јавно/ цсс/ боотстрап.мин.цсс јс/ боотстрап.мин.јс имг/ глипхицонс-халфлингс.пнг глипхицонс-халфлингс-вхите.пнг
Копирајте следећи основни ХТМЛ да бисте започели.
- <хтмл>
- <хеад>
- <титле> Шаблон Боотстрап 101 </титле>
- <!-- Боотстрап -->
- <линк хреф = "публиц/цсс/боотстрап.мин.цсс" рел = "стилесхеет" >
- </хеад>
- <боди>
- <х1> Здраво, свет! </х1>
- <!-- Боотстрап -->
- <сцрипт срц = "публиц/јс/боотстрап.мин.јс" ></сцрипт>
- </боди>
- </хтмл>
Радите у свом прилагођеном ЦСС-у, ЈС-у и више по потреби да бисте Боотстрап учинили сопственим са сопственим засебним ЦСС и ЈС датотекама.
- <хтмл>
- <хеад>
- <титле> Шаблон Боотстрап 101 </титле>
- <!-- Боотстрап -->
- <линк хреф = "публиц/цсс/боотстрап.мин.цсс" рел = "стилесхеет" >
- <!-- Пројекат -->
- <линк хреф = "публиц/цсс/апплицатион.цсс" рел = "стилесхеет" >
- </хеад>
- <боди>
- <х1> Здраво, свет! </х1>
- <!-- Боотстрап -->
- <сцрипт срц = "публиц/јс/боотстрап.мин.јс" ></сцрипт>
- <!-- Пројекат -->
- <сцрипт срц = "публиц/јс/апплицатион.јс" ></сцрипт>
- </боди>
- </хтмл>