in English
اختیارات
اسٹائل اور رویے کو کنٹرول کرنے کے لیے عالمی CSS کی ترجیحات کو آسانی سے ٹوگل کرنے کے لیے بلٹ ان متغیرات کے ساتھ بوٹسٹریپ کو تیزی سے حسب ضرورت بنائیں۔
ہماری بلٹ ان حسب ضرورت متغیر فائل کے ساتھ بوٹسٹریپ کو حسب ضرورت بنائیں اور نئے $enable-*
Sass متغیرات کے ساتھ عالمی CSS ترجیحات کو آسانی سے ٹوگل کریں۔ متغیر کی قدر کو اوور رائڈ کریں اور npm run test
ضرورت کے مطابق دوبارہ مرتب کریں۔
scss/_variables.scss
آپ بوٹسٹریپ کی فائل میں کلیدی عالمی اختیارات کے لیے ان متغیرات کو تلاش اور اپنی مرضی کے مطابق کر سکتے ہیں ۔
متغیر | اقدار | تفصیل |
---|---|---|
$spacer |
1rem (پہلے سے طے شدہ)، یا کوئی قدر > 0 |
پروگرام کے لحاظ سے ہماری سپیسر یوٹیلیٹیز تیار کرنے کے لیے ڈیفالٹ اسپیسر ویلیو کی وضاحت کرتا ہے ۔ |
$enable-rounded |
true (پہلے سے طے شدہ) یاfalse |
border-radius مختلف اجزاء پر پہلے سے طے شدہ طرزوں کو فعال کرتا ہے۔ |
$enable-shadows |
true یا false (پہلے سے طے شدہ) |
مختلف اجزاء پر پہلے سے طے شدہ آرائشی box-shadow طرزوں کو قابل بناتا ہے۔ box-shadow فوکس سٹیٹس کے لیے استعمال شدہ s کو متاثر نہیں کرتا۔ |
$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 |
.row گرڈ سسٹم (مثلاً ، .col-md-1 وغیرہ) کے لیے CSS کلاسز کی تخلیق کو قابل بناتا ہے ۔ |
$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 |