გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
Check
in English

Პარამეტრები

სწრაფად დააკონფიგურიროთ Bootstrap ჩაშენებული ცვლადებით, რათა ადვილად გადართოთ გლობალური CSS პრეფერენციები სტილისა და ქცევის კონტროლისთვის.

შეცვალეთ Bootstrap ჩვენი ჩაშენებული ცვლადების ფაილით და მარტივად გადართეთ გლობალური CSS პრეფერენციები ახალი $enable-*Sass ცვლადებით. ცვლადის მნიშვნელობის უგულებელყოფა და npm run testსაჭიროების შემთხვევაში ხელახლა კომპილაცია.

თქვენ შეგიძლიათ იპოვოთ და დააკონფიგურიროთ ეს ცვლადები ძირითადი გლობალური პარამეტრებისთვის Bootstrap-ის scss/_variables.scssფაილში.

ცვლადი ღირებულებები აღწერა
$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 რთავს წინასწარ განსაზღვრულ transitions-ებს სხვადასხვა კომპონენტზე.
$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მედია მოთხოვნის საშუალებით