Наладзіць
Даведайцеся, як ствараць тэмы, наладжваць і пашыраць Bootstrap з Sass, мноствам глабальных параметраў, шырокай каляровай сістэмай і іншым.
Агляд
Ёсць некалькі спосабаў наладзіць Bootstrap. Ваш лепшы шлях можа залежаць ад вашага праекта, складанасці вашых інструментаў зборкі, версіі Bootstrap, якую вы выкарыстоўваеце, падтрымкі браўзера і іншага.
Нашы два пераважныя метады:
- Выкарыстанне Bootstrap праз менеджэр пакетаў , каб вы маглі выкарыстоўваць і пашыраць нашы зыходныя файлы.
- Выкарыстанне скампіляваных файлаў дыстрыбутыва Bootstrap або jsDelivr , каб вы маглі дадаваць або перавызначаць стылі Bootstrap.
Хаця мы не можам удавацца ў падрабязнасці выкарыстання кожнага мэнэджара пакетаў, мы можам даць некаторыя рэкамендацыі па выкарыстанні Bootstrap з вашым уласным кампілятарам Sass .
Для тых, хто хоча выкарыстоўваць файлы размеркавання, праглядзіце старонку пачатку працы , каб даведацца, як уключыць гэтыя файлы, і прыклад старонкі HTML. Адтуль звярніцеся да дакументацыі, каб даведацца пра макет, кампаненты і паводзіны, якія вы хочаце выкарыстоўваць.
Калі вы знаёміцеся з Bootstrap, працягвайце вывучаць гэты раздзел, каб атрымаць больш падрабязную інфармацыю аб тым, як выкарыстоўваць нашы глабальныя параметры, выкарыстоўваць і змяняць нашу каляровую сістэму, як мы ствараем нашы кампаненты, як выкарыстоўваць наш расце спіс карыстальніцкіх уласцівасцей CSS і як каб аптымізаваць ваш код пры стварэнні з дапамогай Bootstrap.
CSP і ўбудаваныя SVG
Некалькі кампанентаў Bootstrap ўключаюць у сябе ўбудаваныя SVG у наш CSS для паслядоўнага і лёгкага стылізавання кампанентаў у розных браўзерах і прыладах. Для арганізацый з больш строгімі канфігурацыямі CSP мы задакументавалі ўсе асобнікі нашых убудаваных SVG (усе з якіх прымяняюцца праз background-image
), каб вы маглі больш дэталёва праглядзець свае варыянты.
- Акардэон
- Элементы кіравання каруселлю
- Кнопка закрыцця (выкарыстоўваецца ў абвестках і мадальных паведамленнях)
- Сфармуйце сцяжкі і радыёкнопкі
- Пераключальнікі формы
- Значкі праверкі формы
- Кнопкі пераключэння панэлі навігацыі
- Выберыце меню
Зыходзячы з размоў супольнасці , некаторыя варыянты вырашэння гэтай праблемы ў вашай ўласнай кодавай базе ўключаюць у сябе замену URL-адрасоў на лакальна размешчаныя актывы , выдаленне малюнкаў і выкарыстанне ўбудаваных малюнкаў (немагчыма ва ўсіх кампанентах) і змяненне вашага CSP. Наша рэкамендацыя заключаецца ў тым, каб уважліва вывучыць вашу ўласную палітыку бяспекі і пры неабходнасці прыняць рашэнне аб найлепшым шляху далей.