Ектендинг Боотстрап

Проширите Боотстрап да бисте искористили предности укључених стилова и компоненти, као и МАЊЕ променљивих и мешавина.

Главу горе! Ови документи су за верзију 2.3.2, која више није званично подржана. Погледајте најновију верзију Боотстрапа!
ЛЕСС ЦСС

Боотстрап је направљен са ЛЕСС-ом у својој сржи, динамичким језиком стилова који је креирао наш добар пријатељ, Алекис Селлиер . То чини развој ЦСС заснованог на системима бржим, лакшим и забавнијим.

Зашто МАЊЕ?

Један од креатора Боотстрапа написао је кратак пост на блогу о овоме , сажет овде:

  • Боотстрап се компајлира брже ~6к брже са мање у поређењу са Сасс-ом
  • Мање је написано у ЈаваСцрипт-у, што нам олакшава да заронимо и закрпимо у поређењу са Руби-јем са Сасс-ом.
  • Мање је више; желимо да се осећамо као да пишемо ЦСС и чинимо Боотстрап приступачним за све.

Шта је укључено?

Као проширење ЦСС-а, ЛЕСС укључује променљиве, миксине за исечке кода за вишекратну употребу, операције за једноставну математику, гнежђење, па чак и функције боја.

Сазнајте више

Посетите званичну веб локацију на хттп ://лессцсс.орг/ да бисте сазнали више.

Пошто је наш ЦСС написан са Лесс и користи променљиве и миксине, потребно га је компајлирати за коначну имплементацију производње. Ево како.

Напомена: Ако шаљете захтев за повлачење на ГитХуб са модификованим ЦСС-ом, морате поново да компајлирате ЦСС помоћу било које од ових метода.

Алати за састављање

Командна линија

Пратите упутства у реадме пројекта на ГитХуб-у за компајлирање преко командне линије.

ЈаваСцрипт

Преузмите најновији Лесс.јс и укључите путању до њега (и Боотстрап) у <head>.

<линк рел = "стилесхеет/лесс" хреф = "/патх/то/боотстрап.лесс" > <сцрипт срц = "/патх/то/лесс.јс" ></сцрипт>  
 

Да бисте поново компајлирали .лесс датотеке, само их сачувајте и поново учитајте своју страницу. Лесс.јс их компајлира и складишти у локално складиште.

Незванична Мац апликација

Незванична Мац апликација прати директоријуме .лесс датотека и компајлира код у локалне датотеке након сваког чувања гледане датотеке .лесс. Ако желите, можете да промените подешавања у апликацији за аутоматско умањивање и у ком директоријуму завршавају компајлиране датотеке.

Више апликација

Крцкање

Црунцх је сјајан ЛЕСС едитор и компајлер изграђен на Адобе Аир-у.

ЦодеКит

Направио је исти тип као и незваничну Мац апликацију, ЦодеКит је Мац апликација која компајлира ЛЕСС, САСС, Стилус и ЦоффееСцрипт.

Симплесс

Мац, Линук и Виндовс апликација за превлачење и испуштање компајлирања МАЊЕ датотека. Осим тога, изворни код је на ГитХуб-у .

Брзо покрените било који веб пројекат тако што ћете убацити преведене или минимизиране ЦСС и ЈС. Посебно поставите прилагођене стилове за лаку надоградњу и одржавање.

Подешавање структуре датотеке

Преузмите најновији компајлирани Боотстрап и поставите га у свој пројекат. На пример, можда имате нешто овако:

  апликација/
      распореди/
      шаблони/
  јавно/
      цсс/
          боотстрап.мин.цсс
      јс/
          боотстрап.мин.јс
      имг/
          глипхицонс-халфлингс.пнг
          глипхицонс-халфлингс-вхите.пнг

Користите почетни шаблон

Копирајте следећи основни ХТМЛ да бисте започели.

  1. <хтмл>
  2. <хеад>
  3. <титле> Шаблон Боотстрап 101 </титле>
  4. <!-- Боотстрап -->
  5. <линк хреф = "публиц/цсс/боотстрап.мин.цсс" рел = "стилесхеет" >
  6. </хеад>
  7. <боди>
  8. <х1> Здраво, свет! </х1>
  9. <!-- Боотстрап -->
  10. <сцрипт срц = "публиц/јс/боотстрап.мин.јс" ></сцрипт>
  11. </боди>
  12. </хтмл>

Слој на прилагођени код

Радите у свом прилагођеном ЦСС-у, ЈС-у и више по потреби да бисте Боотстрап учинили сопственим са сопственим засебним ЦСС и ЈС датотекама.

  1. <хтмл>
  2. <хеад>
  3. <титле> Шаблон Боотстрап 101 </титле>
  4. <!-- Боотстрап -->
  5. <линк хреф = "публиц/цсс/боотстрап.мин.цсс" рел = "стилесхеет" >
  6. <!-- Пројекат -->
  7. <линк хреф = "публиц/цсс/апплицатион.цсс" рел = "стилесхеет" >
  8. </хеад>
  9. <боди>
  10. <х1> Здраво, свет! </х1>
  11. <!-- Боотстрап -->
  12. <сцрипт срц = "публиц/јс/боотстрап.мин.јс" ></сцрипт>
  13. <!-- Пројекат -->
  14. <сцрипт срц = "публиц/јс/апплицатион.јс" ></сцрипт>
  15. </боди>
  16. </хтмл>