Негизги мазмунга өтүү Документтердин навигациясына өтүү
Check
in English

Параметрлер

Стилди жана жүрүм-турумун көзөмөлдөө үчүн глобалдык CSS артыкчылыктарын оңой которуштуруу үчүн орнотулган өзгөрмөлөр менен Bootstrapти тез ыңгайлаштырыңыз.

Биздин орнотулган жеке өзгөрмөлөр файлыбыз менен Bootstrapти ыңгайлаштырыңыз жана жаңы $enable-*Sass өзгөрмөлөрү менен глобалдык CSS артыкчылыктарын оңой которуштуруу. Өзгөрмөнүн маанисин жокко чыгарып npm run test, керек болсо кайра компиляциялаңыз.

scss/_variables.scssBootstrap файлындагы негизги глобалдык параметрлер үчүн бул өзгөрмөлөрдү таап, ыңгайлаштыра аласыз .

Variable баалуулуктар Description
$spacer 1rem(демейки) же кандайдыр бир маани > 0 Биздин spacer утилиталарын программалык түрдө түзүү үчүн демейки spacer маанисин көрсөтөт .
$enable-rounded true(демейки) жеfalse border-radiusАр кандай компоненттерде алдын ала аныкталган стилдерди иштетет .
$enable-shadows trueже false(демейки) Ар кандай компоненттерде алдын ала аныкталган декоративдик box-shadowстилдерди иштетет. box-shadowФокустук абалдар үчүн колдонулган таасир этпейт .
$enable-gradients trueже false(демейки) background-imageАр кандай компоненттердеги стилдер аркылуу алдын ала аныкталган градиенттерди иштетет .
$enable-transitions true(демейки) жеfalse transitionАр кандай компоненттерде алдын ала аныкталган s иштетет .
$enable-reduced-motion true(демейки) жеfalse Колдонуучулардын браузеринин/иштөө тутумунун артыкчылыктарынын негизинде белгилүү бир анимацияларды/өткөөлдөрдү басуучу prefers-reduced-motionмедиа суроону иштетет .
$enable-grid-classes true(демейки) жеfalse Тор системасы үчүн CSS класстарын түзүүнү иштетет (мисалы .row, .col-md-1, ж.б.).
$enable-container-classes true(демейки) жеfalse Макет контейнерлери үчүн CSS класстарын түзүүнү иштетет. (v5.2.0 жаңысы)
$enable-caret true(демейки) жеfalse Псевдо элементтин каретасын иштетет .dropdown-toggle.
$enable-button-pointers true(демейки) жеfalse Өчүрүлбөгөн баскыч элементтерине "кол" курсорун кошуңуз.
$enable-rfs true(демейки) жеfalse Глобалдык түрдө RFSти иштетет .
$enable-validation-icons true(демейки) жеfalse background-imageТексттик киргизүүлөрдөгү сөлөкөттөрдү жана валидация абалдары үчүн айрым ыңгайлаштырылган формаларды иштетет .
$enable-negative-margins trueже false(демейки) Терс маржа утилиталарын түзүү мүмкүнчүлүгүн берет.
$enable-deprecation-messages true(демейки) жеfalse falseичинде алынып салынышы пландалган эскирген аралашмаларды жана функцияларды колдонууда эскертүүлөрдү жашыруу үчүн орнотуңуз v6.
$enable-important-utilities true(демейки) жеfalse !importantПайдалуу класстардагы суффиксти иштетет .
$enable-smooth-scroll true(демейки) жеfalse Медиа сурамдарыscroll-behavior: smooth аркылуу кыймылды азайтууну суранган колдонуучуларды кошпогондо, дүйнөлүк масштабда колдонулатprefers-reduced-motion