Ыңгайлаштыруу
Sass менен Bootstrap'ти кантип тематикалоону, ыңгайлаштырууну жана кеңейтүүнү үйрөнүңүз, глобалдык опциялардын жүктөөсү, кеңири түс системасы жана башкалар.
Обзор
Bootstrap ыңгайлаштыруунун бир нече жолу бар. Сиздин эң жакшы жолуңуз долбооруңузга, куруу куралдарыңыздын татаалдыгына, сиз колдонуп жаткан Bootstrap версиясына, браузердин колдоосуна жана башкаларга жараша болот.
Биздин эки артыкчылыктуу ыкмаларыбыз:
- Баштапкы файлдарыбызды колдонуу жана кеңейтүү үчүн пакет менеджери аркылуу Bootstrap колдонуу.
- Bootstrap'тын компиляцияланган бөлүштүрүү файлдарын же jsDelivr колдонуу менен сиз Bootstrap стилдерин кошуп же жокко чыгара аласыз.
Биз бул жерде ар бир пакет менеджерин кантип колдонуу керектиги жөнүндө толук маалымат бере албасак да, Bootstrapди өзүңүздүн Sass компиляторуңуз менен колдонуу боюнча бир нече көрсөтмөлөрдү бере алабыз .
Бөлүштүрүү файлдарын колдонууну каалагандар үчүн, ошол файлдарды кантип кошууну жана HTML барагынын үлгүсүн көрүү үчүн баштапкы бетти карап чыгыңыз. Ал жерден сиз колдонгуңуз келген макет, компоненттер жана жүрүм-турумдар боюнча документтерге кайрылыңыз.
Bootstrap менен таанышканыңызда, биздин глобалдык опцияларды кантип колдонуу, түс тутумубузду колдонуу жана өзгөртүү, компоненттерибизди кантип куруу, CSS ыңгайлаштырылган касиеттеринин өсүп жаткан тизмесин кантип колдонуу жана кантип колдонуу керектиги жөнүндө көбүрөөк маалымат алуу үчүн бул бөлүмдү изилдөөнү улантыңыз. Bootstrap менен курууда кодуңузду оптималдаштыруу.
CSPs жана камтылган SVGs
Бир нече Bootstrap компоненттери браузерлерде жана түзмөктөрдө компоненттерди ырааттуу жана оңой стилдештирүү үчүн CSS'ибизге кыстарылган SVGлерди камтыйт. Катаал CSP конфигурациялары бар уюмдар үчүн биз кыналган SVG'лерибиздин (баары аркылуу колдонулат background-image
) бардык нускаларын документтештирип койдук, ошондуктан сиз өз варианттарыңызды кылдаттык менен карап чыга аласыз.
- Аккордеон
- Жабуу баскычы (эскертүүлөрдө жана модальдарда колдонулат)
- Форманын белги кутучалары жана радио баскычтары
- Форма которгучтары
- Форманы текшерүү сүрөтчөлөрү
- Менюларды тандаңыз
- Карусель башкаруулары
- Navbar которуштуруу баскычтары
Коомчулуктун баарлашуусунун негизинде , муну өзүңүздүн коддук базаңызда чечүүнүн айрым варианттары URL'дерди жергиликтүү жайгаштырылган активдер менен алмаштыруу, сүрөттөрдү алып салуу жана ички сүрөттөрдү колдонуу (бардык компоненттерде мүмкүн эмес) жана CSPди өзгөртүү кирет. Биздин сунуш - өзүңүздүн коопсуздук саясаттарыңызды кылдаттык менен карап чыгуу жана зарыл болсо, алдыга карай эң жакшы жолду тандоо.