सीएसएस चड-उणें

बूटस्ट्रॅप आपल्या संकलित CSS त सुमार दोन डझन CSS सानुकूल गुणधर्म (चयापचय) समाविष्ट करता, दर घटक तत्वाचेर सुदारीत पसंती खातीर आनीक डझनभर वाटेर आसात. तुमच्या ब्राउझराच्या निरिक्षकांत, कोड सॅंडबॉक्सांत वा सामान्य प्रोटोटायपिंगांत काम करतना हे आमचे थीम रंग, ब्रेकपॉइंट, आनी प्राथमीक फॉन्ट स्टॅक सारकिल्या सामान्य वापरिल्ल्या मोलांक सोंपें प्रवेश दितात.

bs-तिसऱ्या पक्षाच्या CSS कडेन संघर्श टाळपा खातीर आमच्या सगळ्या सानुकूल गुणधर्मांक उपसर्ग दिला.

मूळ चड-उणें

हांगा आमी समाविष्ट करतात ते व्हेरिएबल आसात (ध्यान दवरात की the :rootis required) जे Bootstrap चो CSS लोड केला खंयच्याय सुवातेर ऍक्सॅस करूंक शकतात. ते आमच्या _root.scssफायलीन आसात आनी आमच्या संकलित dist फायलींनी आस्पावल्यात.

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

घटक चड-उणें

तशेंच आमी वेगवेगळ्या घटकांखातीर थळावे चड-उणें म्हणून सानुकूल गुणधर्म वापरपाक सुरवात करतात. अशे तरेन आमी आमचो संकलित CSS उणो करूंक शकतात, नेस्टेड कोश्टकां सारकिल्या सुवातींनी शैली वारसा मेळना हाची खात्री करूंक शकतात, आनी Sass संकलना उपरांत Bootstrap घटकांचें कांय मुळावें रिस्टायलिंग आनी विस्तार करपाक परवानगी दिवंक शकतात.

आमी CSS व्हेरिएबल्स कशे वापरतात हाचे विशीं कांय अंतर्दृष्टी खातीर आमच्या कोश्टक दस्तावेजीकरणाचेर एक नदर मारात .

आमी आमच्या ग्रिडांतल्यान CSS चड-उणें वापरतात-मुखेलपणान गटरां खातीर-फुडाराक चड घटक वापर येतलो.

उदाहरणां

CSS चडांत चड Sass च्या चडांत चड लवचीकता दितात, पूण ब्राउझराक सेवा दिवचे पयलीं संकलनाची गरज नासतना. देखीक, हांगा आमी आमच्या पानाचे फॉन्ट आनी लिंक शैली CSS चडांत चड रिसेट करतात.

body {
  font: 1rem/1.5 var(--bs-font-sans-serif);
}
a {
  color: var(--bs-blue);
}