Төп эчтәлеккә күчү Документлар навигациясенә күчү
Check
in English

Көйләгез

Sass белән Bootstrap темасын, көйләү һәм киңәйтү, глобаль вариантларның көймә йөге, киң төс системасы һ.б.

Сасс Variзгәрешләрдән, карталардан, миксиннардан һәм функцияләрдән файдалану өчен безнең чыганак Sass файлларын кулланыгыз.
Вариантлар Глобаль CSS өстенлекләрен җиңел алыштыру өчен Bootstrap-ны урнаштырылган үзгәрешләр белән көйләгез.
Төс Бөтен кораллар җыелмасына ярдәм итүче төс системалары турында өйрәнегез һәм көйләгез.
Компонентлар Барлык компонентларыбызны диярлек җаваплы һәм төп һәм үзгәртүче класслар белән ничек төзегәнебезне өйрәнегез.
CSS үзгәрүчәннәре Тиз һәм алга таба дизайн һәм үсеш өчен Bootstrap'ның CSS махсус үзенчәлекләрен кулланыгыз.
Оптимизация Иң яхшы тәҗрибәне җиткерер өчен, проектларыгызны аракы, җаваплы һәм тотрыклы тотыгыз.

Гомуми күзәтү

Bootstrap-ны көйләү өчен берничә ысул бар. Сезнең иң яхшы юл сезнең проектка, төзү коралларының катлаулылыгына, сез кулланган Bootstrap версиясенә, браузер ярдәме һәм башкаларга бәйле булырга мөмкин.

Безнең ике өстенлекле ысул:

  1. Bootstrap -ны пакет менеджеры аша куллану, сез безнең чыганак файлларны куллана аласыз.
  2. Bootstrap-ның тупланган тарату файлларын яки jsDelivr кулланып , сез Bootstrap стиленә өстәргә яки кире кагарга мөмкин.

Без монда һәр пакет менеджерын ничек куллану турында җентекләп керә алмыйбыз, ләкин Bootstrap-ны үзегезнең Sass компиляциясе белән куллану өчен кайбер күрсәтмәләр бирә алабыз .

Таркату файлларын кулланырга теләүчеләр өчен , башланган файлны карагыз, бу файлларны ничек кертергә һәм HTML битенә мисал. Аннан, сез кулланырга теләгән макет, компонентлар, тәртип өчен документларга мөрәҗәгать итегез.

Сез Bootstrap белән танышканда, безнең глобаль вариантларны ничек куллану, төс системабызны куллану һәм үзгәртү, компонентларыбызны ничек төзү, үскән CSS исемлекләрен ничек куллану, һәм ничек үсү турында тулырак мәгълүмат алу өчен бу бүлекне өйрәнүне дәвам итегез. Bootstrap белән төзегәндә кодыгызны оптимальләштерү.

CSPлар һәм урнаштырылган SVGлар

Берничә Bootstrap компонентлары безнең CSS эчендә урнаштырылган SVG-ны үз эченә ала, браузерлар һәм җайланмалар аша стиль компонентларын эзлекле һәм җиңел. Катлаулы CSP конфигурациясе булган оешмалар өчен без урнаштырылган SVG'ларның барлык очракларын документлаштырдык (аларның барысы да кулланыла background-image), шуңа күрә сез үз вариантларыгызны җентекләп тикшерә аласыз.

Communityәмгыять сөйләшүенә нигезләнеп, моны үзегезнең код базасында чишү өчен кайбер вариантлар URL-ны җирле урнашкан активлар белән алыштыру, рәсемнәрне бетерү һәм эчке рәсемнәрне куллану (барлык компонентларда мөмкин түгел) һәм CSP-ны үзгәртү. Безнең рекомендация - үзегезнең куркынычсызлык политикасын җентекләп карау һәм кирәк булса алга бару өчен иң яхшы юлны сайлау.