Ыңгайлаштыруу
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ди өзгөртүүнү камтыйт. Биздин сунуш - өзүңүздүн коопсуздук саясаттарыңызды кылдаттык менен карап чыгуу жана зарыл болсо, алдыга карай эң жакшы жолду тандоо.