कार्यक्षमताय कारणांक लागून, सगळ्या चिन्नांक बेस वर्ग आनी वैयक्तीक चिन्न वर्ग जाय पडटा. वापरपाक, सकयल दिल्लो कोड फकत खंयच्याय सुवातेर दवरात. योग्य पॅडींग करपाखातीर चिन्न आनी मजकूर हांचेमदीं सुवात सोडपाची खात्री करात.
हेर घटकां वांगडा भरसून घेवचें न्हय
चिन्न वर्ग हेर घटकांवांगडा थेट जोडूंक मेळनात. एकाच घटकाचेर हेर वर्गांवांगडा तांचो वापर करचो न्हय. ताचे बदला, एक नेस्टेड जोडात <span>आनी चिन्न वर्ग लागू करात <span>.
फकत रिकाम्या घटकांचेर वापरपाखातीर
चिन्न वर्ग फकत मजकूर आशय नाशिल्ल्या आनी बाल घटक नाशिल्ल्या घटकांचेर वापरपाक जाय.
चिन्न फॉन्ट स्थान बदलप
बूटस्ट्रॅप चिन्न फॉन्ट फायली ../fonts/निर्देशिकेंत आसतले अशें मानता, संकलित केल्ल्या CSS फायलींच्या सापेक्ष. त्या फॉन्ट फायलींक हालोवप वा नांव बदलप म्हणल्यार तीन मार्गांतल्या एका मार्गान CSS अद्ययावत करप:
@icon-font-pathस्त्रोत कमी फायलींनी आनी/वा @icon-font-nameचडांत चड बदलात .
तुमच्या विशिश्ट विकास सेटअपाक बरोच फावो असो खंयचोय पर्याय वापरात.
सुलभ चिन्नां
सहाय्यक तंत्रज्ञानाचीं आधुनीक आवृत्ती CSS तयार केल्ली सामुग्री, तशेंच विशिश्ट युनिकोड अक्षरां जाहीर करतले. स्क्रीन रीडरांत अनपेक्षीत आनी गोंदळाचे आउटपुट टाळपाक (खास करून जेन्ना चिन्नां शुध्द सजावटी खातीर वापरतात), आमी तीं aria-hidden="true"गुणधर्मान लिपयतात.
तुमी अर्थ सांगपाक चिन्न वापरतात जाल्यार (फकत सजावटी घटक म्हणून न्हय), हो अर्थ सहाय्यक तंत्रज्ञानांकय पावोवपाची खात्री करात – देखीक, .sr-onlyवर्गा वांगडा दृश्टीन लिपयल्ली अतिरिक्त सामुग्री समाविष्ट करात.
तुमी हेर कसलोच मजकूर नाशिल्ले नियंत्रण तयार करतात जाल्यार (देखीक <button>फकत चिन्न आशिल्लें), नियंत्रणाचो उद्देश वळखुपाक तुमी सदांच पर्यायी सामुग्री दिवंक जाय, जाका लागून सहाय्यक तंत्रज्ञानाच्या वापरप्यांक ती अर्थपूर्ण थारतली. aria-labelअशे स्थितींत, तुमी नियंत्रणाचेरच एक गुणधर्म जोडूंक शकतले .
उदाहरणां
बटणां, साधनपट्टी खातीर बटण गट, नेव्हिगेशन, वा पूर्वप्रलंबित फॉर्म इनपुटांत तांचो वापर करचो.
तो एक त्रुटी संदेश आसा अशें सांगपाक इशाऱ्यांत वापरिल्लें चिन्न , .sr-onlyसहाय्यक तंत्रज्ञानाच्या वापरप्यांक हो संकेत दिवपाक अतिरिक्त मजकूर.
चूक:वैध ईमेल पत्तो दाखयात
ड्रॉपडावन करतात
दुव्यांची वळेरी दाखोवपाखातीर टॉगल करपाक येवपी, संदर्भ मेनू. ड्रॉपडावन जावास्क्रिप्ट प्लगइन कडेन परस्पर संवादात्मक केला .
उदारण
ड्रॉपडावनाचो ट्रिगर आनी ड्रॉपडावन मेनू भितर रॅप करचो .dropdown, वा जाहीर करपी दुसरो घटक position: relative;. मागीर मेनूचें एचटीएमएल जोडचें.
a भितर घटकांचेर टूलटिप्स वा पॉपओव्हर वापरतना .btn-group, तुमकां container: 'body'नाका आशिल्ले दुश्परिणाम टाळपाचो पर्याय निर्देशीत करचो पडटलो (देखीक घटक रूंद वाडप आनी/वा टूलटिप वा पॉपओव्हर ट्रिगर करतना ताचे वाटकुळे कोनशे गमावप).
योग्य आसा हाची खात्री करात roleआनी लेबल दिवचें
सहाय्यक तंत्रगिन्यान – जशें स्क्रीन रीडर – बटणांची माळ गटबंदी केल्या हें सांगपा खातीर, योग्य roleगुणधर्म दिवपाची गरज आसा. बटण गटांखातीर, हें आसतलें role="group", जाल्यार साधनपट्ट्यांक एक आसपाक जाय role="toolbar".
एक आडवाद अशे गट आसात जातूंत फकत एकूच नियंत्रण आसता (देखीक घटकां सयत न्याय्य बटण गट<button> ) वा ड्रॉपडावन.
ते भायर, गट आनी साधनपट्ट्यांक स्पश्ट लेबल दिवपाक जाय, कारण चडशे सहाय्यक तंत्रज्ञान हेर तरेन तांकां जाहीर करचे नात, योग्य roleगुणधर्म आसले तरी. हांगा दिल्ल्या उदाहरणांनी, आमी वापरतात aria-label, पूण अशे पर्यायय aria-labelledbyवापरूं येतात.
मुळावें उदाहरण
.btnin च्या आदारान बटणांची माळ गुठलावची .btn-group.
घटक बटण म्हणून काम करपाक वापरतात जाल्यार <a>– सद्याच्या पानांतल्या दुसऱ्या दस्तावेजांत वा विभागांत वचचे परस, पानांतली कार्यक्षमताय सुरू करप – तांकां योग्य role="button".
<button>घटकांवांगडा _
<button>घटकां सयत न्याय्य बटण गट वापरपाक , तुमी दरेक बटण बटण गटांत गुठलावपाक जाय . चडशे ब्राउझर घटकांक न्याय दिवपा खातीर आमचो CSS योग्य रितीन लागू करिनात <button>, पूण आमी बटण ड्रॉपडावनांक तेंको दितात देखून, आमी ताचे भोंवतणी काम करूंक शकतात.
बटण ड्रॉपडावन करतात
ड्रॉपडावन मेनू a भितर दवरून .btn-groupआनी योग्य मेनू मार्कअप दिवन ट्रिगर करपाक खंयचेंय बटण वापरात.
एक भितर घटकांचेर टूलटिप्स वा पॉपओव्हर वापरतना .input-group, तुमकां container: 'body'नाका आशिल्ले दुश्परिणाम टाळपाचो पर्याय निर्देशीत करचो पडटलो (देखीक घटक रूंद वाडप आनी/वा टूलटिप वा पॉपओव्हर ट्रिगर करतना ताचे वाटकुळे कोनशे गमावप).
हेर घटकां वांगडा भरसून घेवचें न्हय
फॉर्म गट वा ग्रिड स्तंभ वर्ग थेट इनपुट गटां वांगडा मिसळूंक नाकात. ताचे बदला, इनपुट गटाक फॉर्म गट वा ग्रिडा संबंदीत घटका भितर नेस्ट करात.
सदांच लेबलां जोडचीं
दर एका इनपुटा खातीर लेबल समाविष्ट करूंक ना जाल्यार स्क्रीन रीडरांक तुमच्या फॉर्मांत त्रास जातलो. ह्या इनपुट गटां खातीर, खंयचेंय अतिरिक्त लेबल वा कार्यक्षमताय सहाय्यक तंत्रज्ञानांक पावोवपाची खात्री करात.
वापरपाचें नेमकें तंत्र (दृश्य <label>घटक, वर्ग <label>वापरून लिपयल्ले घटक, वा , , , वा गुणधर्म वापरप) आनी खंयची अतिरिक्त म्हायती दिवपाची गरज आसतली तें तुमी चालीक लायिल्ल्या संवाद विजेटाच्या अचूक प्रकाराचेर आदारून बदलतलें. ह्या विभागांतलीं उदाहरणां कांय सुचयल्ले, केस-विशिश्ट पद्दती दितात..sr-onlyaria-labelaria-labelledbyaria-describedbytitleplaceholder
मुळावें उदाहरण
इनपुटाच्या दोनूय वटांनी एक ऍड-ऑन वा बटण दवरात. तशेंच एका इनपुटाच्या दोनूय वटांनी एक दवरूं येता.
आमी एकाच वटेन जायत्या ऍड-ऑन ( .input-group-addonवा ) चो समर्थन करिनात ..input-group-btn
आमी एकाच इनपुट गटांत जायत्या फॉर्म-कंट्रोलांक तेंको दिना.
आकारमान करप
सापेक्ष फॉर्म आकार वर्ग स्वताक जोडात .input-groupआनी भितर आशिल्ली सामग्री आपोआप आकार बदलतली-दर एका घटकाचेर फॉर्म नियंत्रण आकार वर्ग परतून करपाची गरज ना.
चेकबॉक्स आनी रेडिओ अॅडॉन
मजकूर बदला इनपुट गटाच्या अॅडॉनांत खंयचोय चेकबॉक्स वा रेडिओ पर्याय दवरात.
बटण जोडटा
इनपुट गटांतले बटण मात्शे वेगळे आसतात आनी तांकां एक अतिरिक्त पातळेचेर नेस्टिंग करचें पडटा. बदला .input-group-addon, तुमकां .input-group-btnबटणां गुठलावपाक वापरची पडटली. अधिलिखित करूंक शकना अशा मुलभूत ब्राउझर शैलींक लागून हाची गरज आसा.
ड्रॉपडावन आशिल्ले बटण
विभागणी केल्लीं बटणां
एका परस चड बटण
तुमकां दरेक वटेन फकत एक ऍड-ऑन आसूं येता, जाल्यार तुमकां एकाच भितर जायतीं बटणां आसूं येतात .input-group-btn.
नवस हें नांव
बूटस्ट्रॅपांत उपलब्ध आशिल्ल्या Navs कडेन वांटणी केल्ली मार्कअप आसा, बेस .navवर्गा पासून सुरू जावन, तशेंच वांटणी केल्लीं स्थिती. दरेक शैली मदीं वळोवपाक संशोधक वर्ग स्वॅप करात.
टॅब करपाक योग्य क्षेत्रां आशिल्ल्या टॅबांक, तुमी टॅब वापरपाक जाय JavaScript प्लगइन . मार्कअपाक अतिरिक्त roleआनी ARIA गुणधर्मांचीय गरज आसतली – फुडल्या तपशीलां खातीर प्लगइनाचे उदाहरण मार्कअप पळयात.
नेव्हिगेशन म्हणून वापरिल्ले navs सुलभ करात
जर तुमी नेव्हिगेशन बार पुरवण करपाक navs वापरतात जाल्यार, role="navigation"च्या चड तार्कीक पालक कंटेनरांत a जोडपाची खात्री करात <ul>, वा <nav>पुराय नेव्हिगेशन भोंवतणी एक घटक गुठलावचो. भुमिका स्वता कडेन जोडूंक नाकात <ul>, कारण हाका लागून सहाय्यक तंत्रगिन्याना वरवीं ती प्रत्यक्ष वळेरी म्हणून जाहीर करपाक मेळची ना.
सहजतायेन टॅब वा गोळ्यां 768px परस रुंद पडद्याचेर तांच्या पालकाच्या समान रुंदायेचीं करात .nav-justified. ल्हान स्क्रीनांचेर, nav दुवे स्टॅक केल्ले आसतात.
सद्या न्याय्य navbar nav दुवे समर्थीत नात.
सफारी आनी प्रतिसाद दिवपी न्याय्य नवस
v9.1.2 सावन, Safari एक बग दाखयता जातूंत तुमचो ब्राउझर आडवो आकार बदलल्यार न्याय्य nav त रेंडरींग चुको जातात जीं रिफ्रेश करतना निवळ जातात. हो बग न्याय्य nav उदाहरणांतय दाखयला .
Navbars हे प्रतिसाद दिवपी मेटा घटक आसात जे तुमच्या ऍप्लिकेशनाक वा साइट खातीर नेव्हिगेशन हेडर म्हणून काम करतात. मोबायल दृश्यांत ते कोसळपाक सुरवात करतात (आनी टॉगल करपाक येतात) आनी उपलब्ध दृश्यपोर्ट रुंदाय वाडत वचत आडवे जातात.
सद्या न्याय्य navbar nav दुवे समर्थीत नात.
उफेवपी आशय
तुमच्या navbar तल्या सामुग्रीक कितली सुवात जाय तें Bootstrap कळनाशिल्ल्यान, तुमकां दुसरे ओळींत सामुग्री रॅप करपाक समस्या येवंक शकतात. हें सोडोवपाखातीर तुमी करूंक शकतात:
घटक वापरपाची खात्री करात <nav>वा, जर a सारको चड सामान्य घटक वापरत जाल्यार , सहाय्यक तंत्रज्ञानाच्या वापरप्यां खातीर तो एक लॅंडमार्क प्रदेश म्हूण स्पश्टपणान वळखुपाक दरेक नवबारांत <div>a जोडात .role="navigation"
ब्रांड इमेज
मजकूर एक <img>. the .navbar-brandकडेन स्वताची पॅडींग आनी उंचाय आशिल्ल्यान, तुमच्या प्रतिमेचेर आदारून तुमकां कांय CSS ओव्हररायड करचें पडटलें.
रूपां
.navbar-formसंकुचीत दृश्यपोर्टांत योग्य उब्या संरेखण आनी संकुचीत वागणूकाखातीर फॉर्म सामुग्री भितर दवरात . नावबार सामुग्री भितर तो खंय रावता तें थारावपाक संरेखण पर्याय वापरात.
एक हेड अप म्हणून, via mixin .navbar-formकडेन आपलो चडसो कोड वांटता . कांय फॉर्म नियंत्रणां, इनपुट गटांभशेन, नावबारांत योग्य रितीन दाखोवपाक थारावीक रुंदायांची गरज आसूं येता..form-inline
नेमान नॅव्हबार नेव्हिगेशन घटका भितर नाशिल्ले मानक दुवे वापरपी .navbar-linkलोकांखातीर, मुलभूत आनी उलट नॅव्हबार पर्यायांखातीर योग्य रंग जोडपाक वर्ग वापरात.
घटक संरेखण
.navbar-leftवा .navbar-rightउपयुक्तताय वर्ग वापरून, nav दुवे, फॉर्म, बटण, वा मजकूर संरेखित करात . दोनूय वर्ग निर्दिश्ट दिशेन CSS फ्लोट जोडटले. देखीक, nav दुवे संरेखित करपाक, <ul>लागू केल्ल्या संबंदीत उपयुक्तताय वर्गा वांगडा वेगळ्यांत दवरात.
हे वर्ग .pull-leftआनी ची mixin-ed आवृत्ती आसात .pull-right, पूण डिव्हायस आकारांतल्यान navbar घटकांक सोंपें हाताळपा खातीर माध्यम क्वेरींक ते व्याप्ती केल्यात.
एका परस चड घटकांक उजवें संरेखित करप
नवबारांक सद्या एका परस चड .navbar-rightवर्गांची मर्यादा आसा. सामुग्री योग्य रितीन सुवात दिवपाक, आमी निमाण्या .navbar-rightघटकाचेर नकारात्मक मार्जिन वापरतात. जेन्ना त्या वर्गाचो वापर करपी जायते घटक आसतात, तेन्ना हे मार्जिन हेतू प्रमाणें काम करिनात.
जेन्ना आमी v4 त तो घटक परतून बरोवंक शकतले तेन्ना आमी हाचेर परतून नदर मारतले.
वयल्यान स्थिर केलां
एक वा केंद्रांत आनी पॅड नवबार सामुग्री जोडात .navbar-fixed-topआनी समाविष्ट करात..container.container-fluid
बॉडी पॅडींग करपाची गरज आसा
स्थिर नवबार तुमची हेर सामुग्री आच्छादीत करतली, जो मेरेन तुमी paddingवयल्या भागांत जोडटात <body>. तुमचीं स्वताचीं मोलां वापरून पळयात वा सकयल दिल्लो आमचो स्निपेट वापरात. टिप: पूर्वनिर्धारीतपणान, नवबार 50px उंच आसा.
कोर बूटस्ट्रॅप CSS उपरांत हें समाविष्ट करपाची खात्री करात .
तळाक स्थिर केल्लें
एक वा केंद्रांत आनी पॅड नवबार सामुग्री जोडात .navbar-fixed-bottomआनी समाविष्ट करात..container.container-fluid
बॉडी पॅडींग करपाची गरज आसा
स्थिर नवबार तुमची हेर सामुग्री आच्छादीत करतली, जो मेरेन paddingतुमी <body>. तुमचीं स्वताचीं मोलां वापरून पळयात वा सकयल दिल्लो आमचो स्निपेट वापरात. टिप: पूर्वनिर्धारीतपणान, नवबार 50px उंच आसा.
कोर बूटस्ट्रॅप CSS उपरांत हें समाविष्ट करपाची खात्री करात .
स्थिर शीर्ष
एक वा केंद्रांत आनी पॅड नावबार सामुग्री जोडून .navbar-static-topआनी समाविष्ट करून पान वांगडा पयस स्क्रोल करपी पुराय रुंदायेचो नावबार तयार करचो..container.container-fluid
वर्गां परस वेगळे तरेन .navbar-fixed-*, तुमकां कसलेंच पॅडींग बदलपाची गरज ना body.
उलटें नवबार
जोडून नवबाराचो देखावो बदलचो .navbar-inverse.
ब्रेडक्रंब हें नांव
नेव्हिगेशनल क्रमवारींत सद्याच्या पानाचें स्थान दाखोवचें.
विभाजक आपसूक CSS त :beforeआनी वरवीं जोडटात content.
जंबोट्रॉन पुराय रुंदायेची करपाक, आनी वाटकुळे कोनशे नासतना, सगळ्या .containers भायर दवरात आनी ताचे बदला .containerभितर एक जोडात.
पृष्ठ शीर्षक
h1एक पानाचेर सामुग्री विभाग योग्य रितीन स्पेस करपाक आनी विभागपाक एक सादें शेल . तो h1's मुलभूत smallघटकाचो वापर करूंक शकता, तशेंच चडशे हेर घटक (अतिरिक्त शैलीं सयत).
उदाहरण पान शीर्षक शीर्षकाखातीर उपमजकूर
लघुप्रतिमा
प्रतिमा, व्हिडियो, मजकूर आनी हेर ग्रिड सहजपणान दाखोवपाक लघुप्रतिमा घटका वांगडा Bootstrap ची ग्रिड प्रणाली वाडोवची.
उपलब्ध आनी लवचीक सावधानताय संदेशांच्या मुठींतल्यान सादारण वापरप्याच्या कृतीं खातीर संदर्भ प्रतिसाद संदेश पुरवण करात.
उदाहरणां
खंयचोय मजकूर आनी एक पर्यायी डिसमिस बटण आनी मुळाव्या सावधानताय संदेशांखातीर .alertचार संदर्भ वर्गांतल्या एका वर्गांत (देखीक, ) गुठलायात..alert-success
मुलभूत वर्ग ना
सावधानतायेंत मुलभूत वर्ग नात, फकत बेस आनी संशोधक वर्ग आसात. मुलभूत राखाडी इशारो चड अर्थ ना, देखून तुमकां संदर्भ वर्गा वरवीं प्रकार निर्देशीत करपाची गरज आसा. यश, म्हायती, शिटकावणी, वा धोको हातूंतल्यान निवडात.
बरें केलें! तुमी हो म्हत्वाचो सावधान संदेश यशस्वीपणान वाचला.
तकली वयर काडटा! ह्या अलर्टाक तुमचें लक्ष जाय, पूण तो सुपर म्हत्वाचो न्हय.
शिटकावणी! स्वता तपासप बरे, तुमी चड बरे दिसनात.
अरे स्नॅप! कांय गजाली बदलून परतून सादर करपाचो यत्न करात.
खारिज करपाक येवपी सावधानताय
पर्यायी .alert-dismissibleआनी बंद बटण जोडून खंयच्याय इशाऱ्याचेर तयार करात.
साद्या तरी लवचीक प्रगती पट्ट्यां सयत कार्यप्रवाह वा कृतीच्या प्रगतीचेर अद्ययावत प्रतिसाद दिवप.
क्रॉस-ब्राउझर सुसंगती
प्रगती पट्टी तांचे कांय परिणाम साध्य करपाक CSS3 संक्रमण आनी एनिमेशन वापरतात. Internet Explorer 9 आनी सकयल वा Firefox च्या पोरन्या आवृत्त्यांनी हीं वैशिश्ट्यां समर्थीत नात. ओपेरा 12 एनिमेशनाक तेंको दिना.
सामुग्री सुरक्षा धोरण (CSP) सुसंगती
तुमच्या संकेतथळा कडेन सामुग्री सुरक्षा धोरण (CSP) आसल्यार जें परवानगी दिना , मागीर तुमकां सकयल दिल्ल्या आमच्या उदाहरणांनी दाखयल्ले प्रमाणें प्रगती पट्टी रुंदाय सेट करपाक style-src 'unsafe-inline'इनलायन गुणधर्म वापरूंक मेळचे नात . styleकडक CSP कडेन सुसंगत आशिल्लीं रुंदायो सेट करपाच्यो पर्यायी पद्दतींनी थोडी सानुकूल JavaScript वापरप (जें सेट करता element.style.width) वा सानुकूल CSS वर्ग वापरप हांचो आस्पाव जाता.
मुळावें उदाहरण
मुलभूत प्रगती पट्टी.
60% पुराय जालें
लेबल आशिल्लें
दृश्य टक्केवारी दाखोवपाखातीर प्रगती पट्टी भितरल्यान <span>with वर्ग काडून उडोवचो ..sr-only
६०% आनी .
लेबल मजकूर उण्या टक्केवारी खातीर लेगीत वाचपासारको उरता हाची खात्री min-widthकरपाक, प्रगती पट्टेंत a जोडपाचो विचार करात.
०% इतलें आसा.
२% आनी .
संदर्भात्मक पर्याय
प्रगती पट्टी सुसंगत शैलींखातीर कांय समान बटण आनी सावधान वर्ग वापरतात.
40% पुराय (यशस्वी) .
२०% पुराय जालें
60% पुराय (शिटकावणी) .
८०% पूर्ण (धोको) ४.
पट्टीदार
पट्टेदार प्रभाव तयार करपाखातीर ग्रेडियेंट वापरता. IE9 आनी सकयल उपलब्ध ना.
एकाच भितर जायत्यो बार दवरून .progressतांचो रांको दवरचो.
३५% पूर्ण (यशस्वी) ६.
२०% पुराय (शिटकावणी) .
१०% पूर्ण (धोको) ४.
माध्यम वस्तू
मजकूर सामुग्री वांगडा डावी- वा उजवी-संरेखित प्रतिमा दाखोवपी वेगवेगळ्या प्रकारचे घटक (जशे की ब्लॉग टिप्पणी, ट्विट, आदी) तयार करपाखातीर अमूर्त वस्तू शैली.
मुलभूत माध्यम
मुलभूत माध्यम सामुग्री ब्लॉकाचे दावे वा उजवे वटेन एक माध्यम वस्तू (प्रतिमा, व्हिडियो, ऑडियो) दाखयता.
वर्ग .pull-leftआनी .pull-rightतशेंच अस्तित्वांत आसात आनी आदीं माध्यम घटकाचो भाग म्हणून वापरिल्ले, पूण v3.3.0 मेरेन त्या वापरा खातीर नाका म्हण्टात. ते अदमासाक .media-leftआनी च्या समतुल्य आसात .media-right, सोडल्यार html च्या .media-rightउपरांत दवरपाक जाय ..media-body
माध्यम संरेखण
प्रतिमा वा हेर माध्यमां वयल्यान, मदीं वा सकयल एके वळीन दवरूं येतात. मुलभूत शीर्ष संरेखित आसा.
यादी गट हो फकत घटकांची सादी वळेरी न्हय, तर सानुकूल आशय आशिल्लीं जटिलां दाखोवपाखातीर एक लवचीक आनी बळिश्ट घटक आसा.
मुळावें उदाहरण
सगळ्यांत मुळावो यादी गट फकत यादी वस्तू आशिल्ली एक अक्रमबध्द वळेरी, आनी योग्य वर्ग. उपरांत येवपी पर्यायां सयत ताचेर उबारात, वा गरज पडल्यार तुमचो स्वताचो CSS.
क्रास जस्टो ओडियो
दापिबस एसी सुविधा इन
मोरबी लियो रिसुस हें नांव
पोर्टा एसी कॉन्सेक्टेतुर एसी
इरोस हांगा वेस्टिबुलम
बॅज घालतात
खंयच्याय यादी गट आयटमांत बॅज घटक जोडात आनी तो आपोआप उजवे वटेन स्थापन जातलो.
१४ हें नांवक्रास जस्टो ओडियो
२दापिबस एसी सुविधा इन
१मोरबी लियो रिसुस हें नांव
लिंक केल्लीं वस्तू
वळेरी वस्तू बदला एंकर टॅग वापरून यादी गट आयटमांचो दुवो करचो (म्हळ्यार एक पालक <div>बदला एक पालक असोय जाता <ul>). दर एका घटका भोंवतणी वैयक्तीक पालकांची गरज ना.
यादी गट वस्तू यादी वस्तू बदला बटण आसूं येतात (म्हळ्यारय एक पालक <div>बदला एक <ul>). दर एका घटका भोंवतणी वैयक्तीक पालकांची गरज ना. हांगा मानक वर्ग वापरूं नाकात ..btn
अक्षम केल्लीं वस्तू
अक्षम दिसपाक तो ग्रे .disabledकरपाक a कडेन जोडात ..list-group-item
सहजतायेन तुमच्या पॅनलांत शीर्षक कंटेनर जोडात .panel-heading. तुमी खंयचेंय <h1>- पूर्व-स्टायल केल्लें शीर्षक जोडपाक वर्गा <h6>वांगडाय समाविष्ट करूंक शकतात. .panel-titleपूण, <h1>- च्या फॉन्ट आकारांक लागून <h6>अधिलिखित केल्यात .panel-heading.
योग्य दुवो रंगोवपाखातीर, भितर शीर्षकांत दुवे दवरपाची खात्री करात .panel-title.
शीर्षक नाशिल्लें पॅनल शीर्षक
पॅनल आशय
पॅनल शीर्षक
पॅनल आशय
तळलेख आशिल्लें पॅनल
बटण वा दुय्यम मजकूर रॅप करात .panel-footer. संदर्भ बदल वापरतना पॅनल फूटर रंग आनी शिमो वारसा दिना कारण ते अग्रभूमिंत आसपाक जायनात हें लक्षांत दवरात.
पॅनल आशय
संदर्भात्मक पर्याय
हेर घटकां प्रमाणें, खंयचोय संदर्भ स्थिती वर्ग जोडून सहजपणान पॅनल एका विशिश्ट संदर्भाक चड अर्थपूर्ण करचो.
पॅनल शीर्षक
पॅनल आशय
पॅनल शीर्षक
पॅनल आशय
पॅनल शीर्षक
पॅनल आशय
पॅनल शीर्षक
पॅनल आशय
पॅनल शीर्षक
पॅनल आशय
मेजांवांगडा
.tableविनाविलंब डिझायनाक पॅनेला भितर खंयचेय बिगर-बॉर्डर जोडात . जर एक आसल्यार .panel-body, आमी वेगळे करपा खातीर कोश्टकाच्या वयल्या भागांत एक अतिरिक्त शिमो जोडटात.
खंयच्याय डिव्हायसाचेर योग्य रितीन स्केल करतले अशें अंतर्गत प्रमाण तयार करून ब्राउझरांक तांच्या आशिल्ल्या ब्लॉकाचे रुंदायेचेर आदारीत व्हिडियो वा स्लाइडशो परिमाण थारावपाक परवानगी दिवची.
नेम थेट <iframe>, <embed>, <video>, आनी <object>घटकांक लागू करतात; .embed-responsive-itemहेर गुणधर्मांखातीर स्टायलिंग जुळोवंक जाय तेन्ना पर्यायीपणान स्पश्ट वंशज वर्ग वापरात .
प्रो-टिप हें! आमी तुमकां तें ओव्हररायड करतात म्हणून तुमकां frameborder="0"तुमच्या s मदीं आस्पाव करपाची गरज ना .<iframe>
वेल्स हांणी केला
बरी डिफॉल्ट करात
घटकाचेर सादो परिणाम म्हणून कुंड वापरून ताका इनसेट परिणाम दिवचो.